aboutsummaryrefslogtreecommitdiffhomepage
path: root/ui
diff options
context:
space:
mode:
authorGravatar Frédéric Guillot <fred@miniflux.net>2019-09-21 19:10:08 -0700
committerGravatar Frédéric Guillot <fred@miniflux.net>2019-09-21 20:04:42 -0700
commitafe1faf2141ef9cd3a5564fa33646b821ae5162b (patch)
treeca3fbbea8236154aabeedd54c05775e7f4fcbf35 /ui
parentd610d091fed6dbac3a7ae7e6a67e6e8455b77755 (diff)
Add theme variants
- Use CSS variables instead of inherence - Rename default theme to "Light - Serif" - Rename Black theme to "Dark - Serif" - Rename "Sans-Serif" theme to "Light - Sans Serif" - Add "System" theme that use system preferences: Dark or Light - Add Serif and Sans-Serif variants for each color theme
Diffstat (limited to 'ui')
-rw-r--r--ui/static/css.go18
-rw-r--r--ui/static/css/black.css233
-rw-r--r--ui/static/css/common.css168
-rw-r--r--ui/static/css/dark.css105
-rw-r--r--ui/static/css/light.css105
-rw-r--r--ui/static/css/sans_serif.css3
-rw-r--r--ui/static/css/sansserif.css11
-rw-r--r--ui/static/css/serif.css3
-rw-r--r--ui/static/css/system.css213
9 files changed, 539 insertions, 320 deletions
diff --git a/ui/static/css.go b/ui/static/css.go
index 928cd74..2a337cb 100644
--- a/ui/static/css.go
+++ b/ui/static/css.go
@@ -3,13 +3,19 @@
package static // import "miniflux.app/ui/static"
var Stylesheets = map[string]string{
- "black": `*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:helvetica neue,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}hr{border:0;height:0;border-top:1px dotted #ccc;padding-bottom:10px}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:#36c}a:focus{outline:0;color:red;text-decoration:none;outline:1px dotted #aaa}a:hover{color:#333;text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted #ddd}.header li:hover a{color:#888}.header a{font-size:.9em;color:#444;text-decoration:none;border:none}.header .active a{font-weight:600}.header a:hover,.header a:focus{color:#888}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted #ddd}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:#000;letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:#000}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #ddd}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:#fcfcfc}tr:hover{background-color:#f9f9f9}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #ccc;padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:#3079ed;background:#4d90fe;color:#fff}.button-primary:hover,.button-primary:focus{border-color:#2f5bb7;background:#357ae8}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-error a{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel{color:#333;background-color:#fcfcfc;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc;padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:#333;font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:#666}.category{font-size:.75em;background-color:#fffcd7;border:1px solid #d5d458;border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap}.category a{color:#555;text-decoration:none}.category a:hover,.category a:focus{color:#000}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted #ddd;margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:#333}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted #ddd;margin-bottom:20px;padding:5px;overflow:hidden}.item.current-item{border:3px solid #bce;padding:3px}.item-title a{text-decoration:none;font-weight:600}.item-status-read .item-title a{color:#777}.item-meta{color:#777;font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:#aaa}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:#fcf8e3;border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:#333}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted #ddd}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:#333}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:Georgia,times new roman,Times,serif;color:#555;line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:Georgia,serif}.entry-content q{color:purple;font-family:Georgia,serif;font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;background:#f0f0f0;border:1px solid #ddd;overflow:auto;overflow-wrap:initial}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted #ddd;padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}body{background:#222;color:#efefef}hr{border-color:#555}h1,h2,h3{color:#aaa}a{color:#aaa}a:focus,a:hover{color:#ddd}.header li{border-color:#333}.header a{color:#ddd;font-weight:400}.header .active a{font-weight:400;color:#9b9494}.header a:focus,.header a:hover{color:rgba(82,168,236,.85)}.page-header h1{border-color:#333}.logo a:hover span{color:#555}table,th,td{border:1px solid #555}th{background:#333;color:#aaa;font-weight:400}tr:hover{background-color:#333;color:#aaa}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #555;background:#333;color:#ccc}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#efefef;border-color:rgba(82,168,236,.8);box-shadow:0 0 8px rgba(82,168,236,.6)}.button-primary{border-color:#444;background:#333;color:#efefef}.button-primary:hover,.button-primary:focus{border-color:#888;background:#555}.alert,.alert-success,.alert-error,.alert-info,.alert-normal{color:#efefef;background-color:#333;border-color:#444}.panel{background:#333;border-color:#555;color:#9b9b9b}#modal-left{background:#333;color:#efefef;box-shadow:0 0 10px rgba(82,168,236,.6)}.keyboard-shortcuts li{color:#9b9b9b}.unread-counter-wrapper,.error-feeds-counter-wrapper{color:#bbb}.category{color:#efefef;background-color:#333;border-color:#444}.category a{color:#999}.category a:hover,.category a:focus{color:#aaa}.pagination a{color:#aaa}.pagination-bottom{border-color:#333}.item{border-color:#666;padding:4px}.item.current-item{border-width:2px;border-color:rgba(82,168,236,.8);box-shadow:0 0 8px rgba(82,168,236,.6)}.item-title a{font-weight:400}.item-status-read .item-title a{color:#666}.item-status-read .item-title a:focus,.item-status-read .item-title a:hover{color:rgba(82,168,236,.6)}.item-meta a:hover,.item-meta a:focus{color:#aaa}.item-meta li:after{color:#ddd}article.feed-parsing-error{background-color:#343434}.parsing-error{color:#eee}.entry header{border-color:#333}.entry header h1 a{color:#bbb}.entry-content,.entry-content p,ul{color:#999}.entry-content pre,.entry-content code{color:#fff;background:#555;border-color:#888}.entry-content q{color:#777}.entry-enclosure{border-color:#333}`,
- "default": `*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:helvetica neue,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}hr{border:0;height:0;border-top:1px dotted #ccc;padding-bottom:10px}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:#36c}a:focus{outline:0;color:red;text-decoration:none;outline:1px dotted #aaa}a:hover{color:#333;text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted #ddd}.header li:hover a{color:#888}.header a{font-size:.9em;color:#444;text-decoration:none;border:none}.header .active a{font-weight:600}.header a:hover,.header a:focus{color:#888}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted #ddd}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:#000;letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:#000}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #ddd}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:#fcfcfc}tr:hover{background-color:#f9f9f9}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #ccc;padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:#3079ed;background:#4d90fe;color:#fff}.button-primary:hover,.button-primary:focus{border-color:#2f5bb7;background:#357ae8}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-error a{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel{color:#333;background-color:#fcfcfc;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc;padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:#333;font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:#666}.category{font-size:.75em;background-color:#fffcd7;border:1px solid #d5d458;border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap}.category a{color:#555;text-decoration:none}.category a:hover,.category a:focus{color:#000}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted #ddd;margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:#333}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted #ddd;margin-bottom:20px;padding:5px;overflow:hidden}.item.current-item{border:3px solid #bce;padding:3px}.item-title a{text-decoration:none;font-weight:600}.item-status-read .item-title a{color:#777}.item-meta{color:#777;font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:#aaa}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:#fcf8e3;border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:#333}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted #ddd}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:#333}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:Georgia,times new roman,Times,serif;color:#555;line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:Georgia,serif}.entry-content q{color:purple;font-family:Georgia,serif;font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;background:#f0f0f0;border:1px solid #ddd;overflow:auto;overflow-wrap:initial}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted #ddd;padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`,
- "sansserif": `*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:helvetica neue,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}hr{border:0;height:0;border-top:1px dotted #ccc;padding-bottom:10px}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:#36c}a:focus{outline:0;color:red;text-decoration:none;outline:1px dotted #aaa}a:hover{color:#333;text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted #ddd}.header li:hover a{color:#888}.header a{font-size:.9em;color:#444;text-decoration:none;border:none}.header .active a{font-weight:600}.header a:hover,.header a:focus{color:#888}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted #ddd}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:#000;letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:#000}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #ddd}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:#fcfcfc}tr:hover{background-color:#f9f9f9}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #ccc;padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:#3079ed;background:#4d90fe;color:#fff}.button-primary:hover,.button-primary:focus{border-color:#2f5bb7;background:#357ae8}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-error a{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel{color:#333;background-color:#fcfcfc;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc;padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:#333;font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:#666}.category{font-size:.75em;background-color:#fffcd7;border:1px solid #d5d458;border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap}.category a{color:#555;text-decoration:none}.category a:hover,.category a:focus{color:#000}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted #ddd;margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:#333}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted #ddd;margin-bottom:20px;padding:5px;overflow:hidden}.item.current-item{border:3px solid #bce;padding:3px}.item-title a{text-decoration:none;font-weight:600}.item-status-read .item-title a{color:#777}.item-meta{color:#777;font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:#aaa}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:#fcf8e3;border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:#333}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted #ddd}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:#333}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:Georgia,times new roman,Times,serif;color:#555;line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:Georgia,serif}.entry-content q{color:purple;font-family:Georgia,serif;font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;background:#f0f0f0;border:1px solid #ddd;overflow:auto;overflow-wrap:initial}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted #ddd;padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}body,.entry-content,.entry-content blockquote,.entry-content q{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol}.entry-content{font-size:1.17em;font-weight:400}`,
+ "dark_sans_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}:root{--entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`,
+ "dark_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}:root{--entry-content-font-family: Georgia, 'Times New Roman', Times, serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`,
+ "light_sans_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}:root{--entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`,
+ "light_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}:root{--entry-content-font-family: Georgia, 'Times New Roman', Times, serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`,
+ "system_sans_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}@media(prefers-color-scheme:dark){:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}}:root{--entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`,
+ "system_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}@media(prefers-color-scheme:dark){:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}}:root{--entry-content-font-family: Georgia, 'Times New Roman', Times, serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`,
}
var StylesheetsChecksums = map[string]string{
- "black": "0d0bfa53787d1305adca108e105820ba354711781a75ce8e62e4f756fc3ae261",
- "default": "20e3b8eb7140ed0a2d14fefbb7b564ca1a6c8eeb91a6d9f839e94644f3c2ace7",
- "sansserif": "5a95d9f9e42c49bea063364ca9104a7f4787838327a4d1021ce754594a8aeb98",
+ "dark_sans_serif": "ee67e54b0f9a0950bdc947f432229b1053e7e9547c32b6d5e7ba5d936a9a8582",
+ "dark_serif": "d54e2a1a8e0586a43f339dd9154162eb2d47e8514e493b62093ae707a1cc1ed3",
+ "light_sans_serif": "dfb1d37d905bc483bf8efea0c3a7059832d0c60ce3b02b639b831e0cd8ff48cf",
+ "light_serif": "983946bf4df99ad9b08d8792685f990a764b23bd4c46e73782708e0412a81ea3",
+ "system_sans_serif": "ab6ffcef50a1833fe39b1ef7588dd3840c498670719b88f9fcdce0eb65c56d30",
+ "system_serif": "f881e0cf4dbb7df00daf364744746751d9d37d0babab58761d7aded731d73313",
}
diff --git a/ui/static/css/black.css b/ui/static/css/black.css
deleted file mode 100644
index 3272dab..0000000
--- a/ui/static/css/black.css
+++ /dev/null
@@ -1,233 +0,0 @@
-/* Layout */
-body {
- background: #222;
- color: #efefef;
-}
-
-hr {
- border-color: #555;
-}
-
-h1, h2, h3 {
- color: #aaa;
-}
-
-a {
- color: #aaa;
-}
-
-a:focus,
-a:hover {
- color: #ddd;
-}
-
-/* Header and main menu */
-.header li {
- border-color: #333;
-}
-
-.header a {
- color: #ddd;
- font-weight: 400;
-}
-
-.header .active a {
- font-weight: 400;
- color: #9b9494;
-}
-
-.header a:focus,
-.header a:hover {
- color: rgba(82, 168, 236, 0.85);
-}
-
-/* Page header */
-.page-header h1 {
- border-color: #333;
-}
-
-/* Logo */
-.logo a:hover span {
- color: #555;
-}
-
-/* Tables */
-table, th, td {
- border: 1px solid #555;
-}
-
-th {
- background: #333;
- color: #aaa;
- font-weight: 400;
-}
-
-tr:hover {
- background-color: #333;
- color: #aaa;
-}
-
-/* Forms */
-input[type="search"],
-input[type="url"],
-input[type="password"],
-input[type="text"] {
- border: 1px solid #555;
- background: #333;
- color: #ccc;
-}
-
-input[type="search"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="text"]:focus {
- color: #efefef;
- border-color: rgba(82, 168, 236, 0.8);
- box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-/* Buttons */
-.button-primary {
- border-color: #444;
- background: #333;
- color: #efefef;
-}
-
-.button-primary:hover,
-.button-primary:focus {
- border-color: #888;
- background: #555;
-}
-
-/* Alerts */
-.alert,
-.alert-success,
-.alert-error,
-.alert-info,
-.alert-normal {
- color: #efefef;
- background-color: #333;
- border-color: #444;
-}
-
-/* Panel */
-.panel {
- background: #333;
- border-color: #555;
- color: #9b9b9b;
-}
-
-/* Modals */
-#modal-left {
- background: #333;
- color: #efefef;
- box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);
-}
-
-/* Keyboard Shortcuts */
-.keyboard-shortcuts li {
- color: #9b9b9b;
-}
-
-/* Counters */
-.unread-counter-wrapper,
-.error-feeds-counter-wrapper {
- color: #bbb;
-}
-
-/* Category label */
-.category {
- color: #efefef;
- background-color: #333;
- border-color: #444;
-}
-
-.category a {
- color: #999;
-}
-
-.category a:hover,
-.category a:focus {
- color: #aaa;
-}
-
-/* Pagination */
-.pagination a {
- color: #aaa;
-}
-
-.pagination-bottom {
- border-color: #333;
-}
-
-/* List view */
-.item {
- border-color: #666;
- padding: 4px;
-}
-
-.item.current-item {
- border-width: 2px;
- border-color: rgba(82, 168, 236, 0.8);
- box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-.item-title a {
- font-weight: 400;
-}
-
-.item-status-read .item-title a {
- color: #666;
-}
-
-.item-status-read .item-title a:focus,
-.item-status-read .item-title a:hover {
- color: rgba(82, 168, 236, 0.6);
-}
-
-.item-meta a:hover,
-.item-meta a:focus {
- color: #aaa;
-}
-
-.item-meta li:after {
- color: #ddd;
-}
-
-/* Feeds list */
-article.feed-parsing-error {
- background-color: #343434;
-}
-
-.parsing-error {
- color: #eee;
-}
-
-/* Entry view */
-.entry header {
- border-color: #333;
-}
-
-.entry header h1 a {
- color: #bbb;
-}
-
-.entry-content,
-.entry-content p, ul {
- color: #999;
-}
-
-.entry-content pre,
-.entry-content code {
- color: #fff;
- background: #555;
- border-color: #888;
-}
-
-.entry-content q {
- color: #777;
-}
-
-.entry-enclosure {
- border-color: #333;
-}
diff --git a/ui/static/css/common.css b/ui/static/css/common.css
index 02a9493..d0caef9 100644
--- a/ui/static/css/common.css
+++ b/ui/static/css/common.css
@@ -11,17 +11,23 @@ html {
}
body {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-family: var(--font-family);
text-rendering: optimizeLegibility;
+ color: var(--body-color);
+ background: var(--body-background);
}
hr {
border: 0;
height: 0;
- border-top: 1px dotted #ccc;
+ border-top: 1px dotted var(--hr-border-color);
padding-bottom: 10px;
}
+h1, h2, h3 {
+ color: var(--title-color);
+}
+
main {
padding-left: 5px;
padding-right: 5px;
@@ -29,18 +35,18 @@ main {
}
a {
- color: #3366CC;
+ color: var(--link-color);
}
a:focus {
outline: 0;
- color: red;
+ color: var(--link-focus-color);
text-decoration: none;
outline: 1px dotted #aaa;
}
a:hover {
- color: #333;
+ color: var(--link-hover-color);
text-decoration: none;
}
@@ -59,7 +65,7 @@ a:hover {
padding-left: 10px;
line-height: 2.1em;
font-size: 1.2em;
- border-bottom: 1px dotted #ddd;
+ border-bottom: 1px dotted var(--header-list-border-color);
}
.header li:hover a {
@@ -68,18 +74,23 @@ a:hover {
.header a {
font-size: 0.9em;
- color: #444;
+ color: var(--header-link-color);
text-decoration: none;
border: none;
+ font-weight: 400;
}
.header .active a {
- font-weight: 600;
+ color: var(--header-active-link-color);
+ font-weight: 500;
+}
+
+.header a:hover {
+ color: var(--header-link-hover-color);
}
-.header a:hover,
.header a:focus {
- color: #888;
+ color: var(--header-link-focus-color);
}
/* Page header and footer*/
@@ -93,7 +104,7 @@ a:hover {
.page-header h1 {
font-weight: 500;
- border-bottom: 1px dotted #ddd;
+ border-bottom: 1px dotted var(--page-header-title-border-color);
}
.page-header ul,
@@ -114,7 +125,7 @@ a:hover {
}
.logo a {
- color: #000;
+ color: var(--logo-color);
letter-spacing: 1px;
}
@@ -127,7 +138,7 @@ a:hover {
}
.logo a:hover span {
- color: #000;
+ color: var(--logo-hover-color-span);
}
/* Search form */
@@ -213,7 +224,7 @@ table {
}
table, th, td {
- border: 1px solid #ddd;
+ border: 1px solid var(--table-border-color);
}
th, td {
@@ -226,11 +237,14 @@ td {
}
th {
- background: #fcfcfc;
+ background: var(--table-th-background);
+ color: var(--table-th-color);
+ font-weight: 400;
}
tr:hover {
- background-color: #f9f9f9;
+ color: var(--table-tr-hover-color);
+ background-color: var(--table-tr-hover-background-color);
}
.column-40 {
@@ -278,7 +292,9 @@ input[type="search"],
input[type="url"],
input[type="password"],
input[type="text"] {
- border: 1px solid #ccc;
+ color: var(--input-color);
+ background: var(--input-background);
+ border: var(--input-border);
padding: 3px;
line-height: 20px;
width: 250px;
@@ -292,10 +308,10 @@ input[type="search"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
- color: #000;
- border-color: rgba(82, 168, 236, 0.8);
+ color: var(--input-focus-color);
+ border-color: var(--input-focus-border-color);
outline: 0;
- box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+ box-shadow: var(--input-focus-box-shadow);
}
input[type="checkbox"] {
@@ -347,15 +363,15 @@ a.button {
}
.button-primary {
- border-color: #3079ed;
- background: #4d90fe;
- color: #fff;
+ border-color: var(--button-primary-border-color);
+ background: var(--button-primary-background);
+ color: var(--button-primary-color);
}
.button-primary:hover,
.button-primary:focus {
- border-color: #2f5bb7;
- background: #357ae8;
+ border-color: var(--button-primary-focus-border-color);
+ background: var(--button-primary-focus-background);
}
.button-danger {
@@ -385,9 +401,9 @@ a.button {
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
- color: #c09853;
- background-color: #fcf8e3;
- border: 1px solid #fbeed5;
+ color: var(--alert-color);
+ background-color: var(--alert-background-color);
+ border: 1px solid var(--alert-border-color);
border-radius: 4px;
overflow: auto;
}
@@ -398,32 +414,32 @@ a.button {
}
.alert-success {
- color: #468847;
- background-color: #dff0d8;
- border-color: #d6e9c6;
+ color: var(--alert-success-color);
+ background-color: var(--alert-success-background-color);
+ border-color: var(--alert-success-border-color);
}
.alert-error {
- color: #b94a48;
- background-color: #f2dede;
- border-color: #eed3d7;
+ color: var(--alert-error-color);
+ background-color: var(--alert-error-background-color);
+ border-color: var(--alert-error-border-color);
}
.alert-error a {
- color: #b94a48;
+ color: var(--alert-error-color);
}
.alert-info {
- color: #3a87ad;
- background-color: #d9edf7;
- border-color: #bce8f1;
+ color: var(--alert-info-color);
+ background-color: var(--alert-info-background-color);
+ border-color: var(--alert-info-border-color);
}
/* Panel */
.panel {
- color: #333;
- background-color: #fcfcfc;
- border: 1px solid #ddd;
+ color: var(--panel-color);
+ background-color: var(--panel-background);
+ border: 1px solid var(--panel-border-color);
border-radius: 5px;
padding: 10px;
margin-bottom: 15px;
@@ -447,8 +463,9 @@ a.button {
bottom: 0;
width: 360px;
overflow: auto;
- background: #f0f0f0;
- box-shadow: 2px 0 5px 0 #ccc;
+ color: var(--modal-color);
+ background: var(--modal-background);
+ box-shadow: var(--modal-box-shadow);
padding: 5px;
padding-top: 30px;
}
@@ -477,7 +494,7 @@ a.button {
.keyboard-shortcuts li {
margin-left: 25px;
list-style-type: square;
- color: #333;
+ color: var(--keyboard-shortcuts-li-color);
font-size: 0.95em;
line-height: 1.45em;
}
@@ -497,28 +514,29 @@ a.button {
.error-feeds-counter-wrapper {
font-size: 0.9em;
font-weight: 300;
- color: #666;
+ color: var(--counter-color);
}
/* Category label */
.category {
font-size: 0.75em;
- background-color: #fffcd7;
- border: 1px solid #d5d458;
+ background-color: var(--category-background-color);
+ border: 1px solid var(--category-border-color);
border-radius: 5px;
margin-left: 0.25em;
padding: 1px 0.4em 1px 0.4em;
white-space: nowrap;
+ color: var(--category-color);
}
.category a {
- color: #555;
+ color: var(--category-link-color);
text-decoration: none;
}
.category a:hover,
.category a:focus {
- color: #000;
+ color: var(--category-link-hover-color);
}
/* Pagination */
@@ -530,7 +548,7 @@ a.button {
}
.pagination-bottom {
- border-top: 1px dotted #ddd;
+ border-top: 1px dotted var(--pagination-border-color);
margin-bottom: 15px;
margin-top: 50px;
}
@@ -552,7 +570,7 @@ a.button {
}
.pagination a {
- color: #333;
+ color: var(--pagination-color);
}
.pagination a:hover,
@@ -562,28 +580,29 @@ a.button {
/* List view */
.item {
- border: 1px dotted #ddd;
+ border: 1px dotted var(--item-border-color);
margin-bottom: 20px;
- padding: 5px;
+ padding: var(--item-padding);
overflow: hidden;
}
.item.current-item {
- border: 3px solid #bce;
+ border: var(--current-item-border-width) solid var(--current-item-border-color);
padding: 3px;
+ box-shadow: var(--current-item-box-shadow);
}
.item-title a {
text-decoration: none;
- font-weight: 600;
+ font-weight: var(--item-title-link-font-weight);
}
.item-status-read .item-title a {
- color: #777;
+ color: var(--item-status-read-title-link-color);
}
.item-meta {
- color: #777;
+ color: var(--item-meta-focus-color);
font-size: 0.8em;
}
@@ -607,7 +626,7 @@ a.button {
.item-meta li:after {
content: "|";
- color: #aaa;
+ color: var(--item-meta-li-color);
}
.item-meta li:last-child:after {
@@ -624,14 +643,14 @@ a.button {
/* Feeds list */
article.feed-parsing-error {
- background-color: #fcf8e3;
+ background-color: var(--feed-parsing-error-background-color);
border-color: #aaa;
}
.parsing-error {
font-size: 0.85em;
margin-top: 2px;
- color: #333;
+ color: var(--parsing-error-color);
}
.parsing-error-count {
@@ -641,7 +660,7 @@ article.feed-parsing-error {
/* Entry view */
.entry header {
padding-bottom: 5px;
- border-bottom: 1px dotted #ddd;
+ border-bottom: 1px dotted var(--entry-header-border-color);
}
.entry header h1 {
@@ -652,7 +671,7 @@ article.feed-parsing-error {
.entry header h1 a {
text-decoration: none;
- color: #333;
+ color: var(--entry-header-title-link-color);
}
.entry header h1 a:hover,
@@ -708,8 +727,8 @@ article.feed-parsing-error {
padding-top: 15px;
font-size: 1.2em;
font-weight: 300;
- font-family: Georgia, 'Times New Roman', Times, serif;
- color: #555;
+ font-family: var(--entry-content-font-family);
+ color: var(--entry-content-color);
line-height: 1.4em;
overflow-wrap: break-word;
}
@@ -777,12 +796,12 @@ article.feed-parsing-error {
margin-bottom: 20px;
color: #888;
line-height: 1.4em;
- font-family: Georgia, serif;
+ font-family: var(--entry-content-quote-font-family);
}
.entry-content q {
- color: purple;
- font-family: Georgia, serif;
+ color: var(--entry-content-quote-color);
+ font-family: var(--entry-content-quote-font-family);
font-style: italic;
}
@@ -796,10 +815,17 @@ article.feed-parsing-error {
.entry-content pre {
padding: 5px;
- background: #f0f0f0;
- border: 1px solid #ddd;
overflow: auto;
overflow-wrap: initial;
+ border-width: 1px;
+ border-style: solid;
+}
+
+.entry-content pre,
+.entry-content code {
+ color: var(--entry-content-code-color);
+ background: var(--entry-content-code-background);
+ border-color: var(--entry-content-code-border-color);
}
.entry-content table {
@@ -810,6 +836,8 @@ article.feed-parsing-error {
.entry-content ul,
.entry-content ol {
margin-left: 30px;
+ margin-top: 15px;
+ margin-bottom: 15px;
}
.entry-content ul {
@@ -825,7 +853,7 @@ article.feed-parsing-error {
}
.entry-enclosure {
- border: 1px dotted #ddd;
+ border: 1px dotted var(--entry-enclosure-border-color);
padding: 5px;
margin-top: 10px;
max-width: 100%;
diff --git a/ui/static/css/dark.css b/ui/static/css/dark.css
new file mode 100644
index 0000000..2c7170f
--- /dev/null
+++ b/ui/static/css/dark.css
@@ -0,0 +1,105 @@
+:root {
+ --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+ --body-color: #efefef;
+ --body-background: #222;
+ --hr-border-color: #555;
+ --title-color: #aaa;
+ --link-color: #aaa;
+ --link-focus-color: #ddd;
+ --link-hover-color: #ddd;
+
+ --header-list-border-color: #333;
+ --header-link-color: #ddd;
+ --header-link-focus-color: rgba(82, 168, 236, 0.85);
+ --header-link-hover-color: rgba(82, 168, 236, 0.85);
+ --header-active-link-color: #9b9494;
+
+ --page-header-title-border-color: #333;
+
+ --logo-color: #bbb;
+ --logo-hover-color-span: #bbb;
+
+ --table-border-color: #555;
+ --table-th-background: #333;
+ --table-th-color: #aaa;
+ --table-tr-hover-background-color: #333;
+ --table-tr-hover-color: #aaa;
+
+ --button-primary-border-color: #444;
+ --button-primary-background: #333;
+ --button-primary-color: #efefef;
+ --button-primary-focus-border-color: #888;
+ --button-primary-focus-background: #555;
+
+ --input-border: 1px solid #555;
+ --input-background: #333;
+ --input-color: #ccc;
+
+ --input-focus-color: #efefef;
+ --input-focus-border-color: rgba(82, 168, 236, 0.8);
+ --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+
+ --alert-color: #efefef;
+ --alert-background-color: #333;
+ --alert-border-color: #444;
+
+ --alert-success-color: #efefef;
+ --alert-success-background-color: #333;
+ --alert-success-border-color: #444;
+
+ --alert-error-color: #efefef;
+ --alert-error-background-color: #333;
+ --alert-error-border-color: #444;
+
+ --alert-info-color: #efefef;
+ --alert-info-background-color: #333;
+ --alert-info-border-color: #444;
+
+ --panel-background: #333;
+ --panel-border-color: #555;
+ --panel-color: #9b9b9b;
+
+ --modal-background: #333;
+ --modal-color: #efefef;
+ --modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);
+
+ --pagination-link-color: #aaa;
+ --pagination-border-color: #333;
+
+ --category-color: #efefef;
+ --category-background-color: #333;
+ --category-border-color: #444;
+ --category-link-color: #999;
+ --category-link-hover-color: #aaa;
+
+ --item-border-color: #666;
+ --item-padding: 4px;
+ --item-title-link-font-weight: 400;
+
+ --item-status-read-title-link-color: #666;
+ --item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);
+
+ --item-meta-focus-color: #aaa;
+ --item-meta-li-color: #ddd;
+
+ --current-item-border-width: 2px;
+ --current-item-border-color: rgba(82, 168, 236, 0.8);
+ --current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+
+ --entry-header-border-color: #333;
+ --entry-header-title-link-color: #bbb;
+ --entry-content-color: #999;
+ --entry-content-code-color: #fff;
+ --entry-content-code-background: #555;
+ --entry-content-code-border-color: #888;
+ --entry-content-quote-color: #777;
+ --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
+ --entry-enclosure-border-color: #333;
+
+ --parsing-error-color: #eee;
+ --feed-parsing-error-background-color: #343434;
+
+ --keyboard-shortcuts-li-color: #9b9b9b;
+
+ --counter-color: #bbb;
+}
diff --git a/ui/static/css/light.css b/ui/static/css/light.css
new file mode 100644
index 0000000..232589e
--- /dev/null
+++ b/ui/static/css/light.css
@@ -0,0 +1,105 @@
+:root {
+ --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+ --body-color: #333;
+ --body-background: #fff;
+ --hr-border-color: #ccc;
+ --title-color: #333;
+ --link-color: #3366CC;
+ --link-focus-color: red;
+ --link-hover-color: #333;
+
+ --header-list-border-color: #ddd;
+ --header-link-color: #444;
+ --header-link-focus-color: #888;
+ --header-link-hover-color: #888;
+ --header-active-link-color: #444;
+
+ --page-header-title-border-color: #333;
+
+ --logo-color: #000;
+ --logo-hover-color-span: #000;
+
+ --table-border-color: #ddd;
+ --table-th-background: #fcfcfc;
+ --table-th-color: #333;
+ --table-tr-hover-background-color: #a3a3a3;
+ --table-tr-hover-color: #333;
+
+ --button-primary-border-color: #3079ed;
+ --button-primary-background: #4d90fe;
+ --button-primary-color: #fff;
+ --button-primary-focus-border-color: #2f5bb7;
+ --button-primary-focus-background: #357ae8;
+
+ --input-border: 1px solid #ccc;
+ --input-background: #fff;
+ --input-color: #333;
+
+ --input-focus-color: #000;
+ --input-focus-border-color: rgba(82, 168, 236, 0.8);
+ --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+
+ --alert-color: #c09853;
+ --alert-background-color: #fcf8e3;
+ --alert-border-color: #fbeed5;
+
+ --alert-success-color: #468847;
+ --alert-success-background-color: #dff0d8;
+ --alert-success-border-color: #d6e9c6;
+
+ --alert-error-color: #b94a48;
+ --alert-error-background-color: #f2dede;
+ --alert-error-border-color: #eed3d7;
+
+ --alert-info-color: #3a87ad;
+ --alert-info-background-color: #d9edf7;
+ --alert-info-border-color: #bce8f1;
+
+ --panel-background: #fcfcfc;
+ --panel-border-color: #ddd;
+ --panel-color: #333;
+
+ --modal-background: #f0f0f0;
+ --modal-color: #333;
+ --modal-box-shadow: 2px 0 5px 0 #ccc;
+
+ --pagination-link-color: #333;
+ --pagination-border-color: #ddd;
+
+ --category-color: #333;
+ --category-background-color: #fffcd7;
+ --category-border-color: #d5d458;
+ --category-link-color: #000;
+ --category-link-hover-color: #000;
+
+ --item-border-color: #ddd;
+ --item-padding: 5px;
+ --item-title-link-font-weight: 600;
+
+ --item-status-read-title-link-color: #777;
+ --item-status-read-title-focus-color: #777;
+
+ --item-meta-focus-color: #777;
+ --item-meta-li-color: #aaa;
+
+ --current-item-border-width: 3px;
+ --current-item-border-color: #bce;
+ --current-item-box-shadow: none;
+
+ --entry-header-border-color: #ddd;
+ --entry-header-title-link-color: #333;
+ --entry-content-color: #555;
+ --entry-content-code-color: #333;
+ --entry-content-code-background: #f0f0f0;
+ --entry-content-code-border-color: #ddd;
+ --entry-content-quote-color: #666;
+ --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
+ --entry-enclosure-border-color: #333;
+
+ --parsing-error-color: #333;
+ --feed-parsing-error-background-color: #fcf8e3;
+
+ --keyboard-shortcuts-li-color: #333;
+
+ --counter-color: #666;
+}
diff --git a/ui/static/css/sans_serif.css b/ui/static/css/sans_serif.css
new file mode 100644
index 0000000..b7c1d95
--- /dev/null
+++ b/ui/static/css/sans_serif.css
@@ -0,0 +1,3 @@
+:root {
+ --entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+}
diff --git a/ui/static/css/sansserif.css b/ui/static/css/sansserif.css
deleted file mode 100644
index ae97b5d..0000000
--- a/ui/static/css/sansserif.css
+++ /dev/null
@@ -1,11 +0,0 @@
-body,
-.entry-content,
-.entry-content blockquote,
-.entry-content q {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-
-.entry-content {
- font-size: 1.17em;
- font-weight: 400;
-}
diff --git a/ui/static/css/serif.css b/ui/static/css/serif.css
new file mode 100644
index 0000000..8e6ba04
--- /dev/null
+++ b/ui/static/css/serif.css
@@ -0,0 +1,3 @@
+:root {
+ --entry-content-font-family: Georgia, 'Times New Roman', Times, serif;
+} \ No newline at end of file
diff --git a/ui/static/css/system.css b/ui/static/css/system.css
new file mode 100644
index 0000000..78dcf4e
--- /dev/null
+++ b/ui/static/css/system.css
@@ -0,0 +1,213 @@
+:root {
+ --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+ --body-color: #333;
+ --body-background: #fff;
+ --hr-border-color: #ccc;
+ --title-color: #333;
+ --link-color: #3366CC;
+ --link-focus-color: red;
+ --link-hover-color: #333;
+
+ --header-list-border-color: #ddd;
+ --header-link-color: #444;
+ --header-link-focus-color: #888;
+ --header-link-hover-color: #888;
+ --header-active-link-color: #444;
+
+ --page-header-title-border-color: #333;
+
+ --logo-color: #000;
+ --logo-hover-color-span: #000;
+
+ --table-border-color: #ddd;
+ --table-th-background: #fcfcfc;
+ --table-th-color: #333;
+ --table-tr-hover-background-color: #a3a3a3;
+ --table-tr-hover-color: #333;
+
+ --button-primary-border-color: #3079ed;
+ --button-primary-background: #4d90fe;
+ --button-primary-color: #fff;
+ --button-primary-focus-border-color: #2f5bb7;
+ --button-primary-focus-background: #357ae8;
+
+ --input-border: 1px solid #ccc;
+ --input-background: #fff;
+ --input-color: #333;
+
+ --input-focus-color: #000;
+ --input-focus-border-color: rgba(82, 168, 236, 0.8);
+ --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+
+ --alert-color: #c09853;
+ --alert-background-color: #fcf8e3;
+ --alert-border-color: #fbeed5;
+
+ --alert-success-color: #468847;
+ --alert-success-background-color: #dff0d8;
+ --alert-success-border-color: #d6e9c6;
+
+ --alert-error-color: #b94a48;
+ --alert-error-background-color: #f2dede;
+ --alert-error-border-color: #eed3d7;
+
+ --alert-info-color: #3a87ad;
+ --alert-info-background-color: #d9edf7;
+ --alert-info-border-color: #bce8f1;
+
+ --panel-background: #fcfcfc;
+ --panel-border-color: #ddd;
+ --panel-color: #333;
+
+ --modal-background: #f0f0f0;
+ --modal-color: #333;
+ --modal-box-shadow: 2px 0 5px 0 #ccc;
+
+ --pagination-link-color: #333;
+ --pagination-border-color: #ddd;
+
+ --category-color: #333;
+ --category-background-color: #fffcd7;
+ --category-border-color: #d5d458;
+ --category-link-color: #000;
+ --category-link-hover-color: #000;
+
+ --item-border-color: #ddd;
+ --item-padding: 5px;
+ --item-title-link-font-weight: 600;
+
+ --item-status-read-title-link-color: #777;
+ --item-status-read-title-focus-color: #777;
+
+ --item-meta-focus-color: #777;
+ --item-meta-li-color: #aaa;
+
+ --current-item-border-width: 3px;
+ --current-item-border-color: #bce;
+ --current-item-box-shadow: none;
+
+ --entry-header-border-color: #ddd;
+ --entry-header-title-link-color: #333;
+ --entry-content-color: #555;
+ --entry-content-code-color: #333;
+ --entry-content-code-background: #f0f0f0;
+ --entry-content-code-border-color: #ddd;
+ --entry-content-quote-color: #666;
+ --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
+ --entry-enclosure-border-color: #333;
+
+ --parsing-error-color: #333;
+ --feed-parsing-error-background-color: #fcf8e3;
+
+ --keyboard-shortcuts-li-color: #333;
+
+ --counter-color: #666;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+ --body-color: #efefef;
+ --body-background: #222;
+ --hr-border-color: #555;
+ --title-color: #aaa;
+ --link-color: #aaa;
+ --link-focus-color: #ddd;
+ --link-hover-color: #ddd;
+
+ --header-list-border-color: #333;
+ --header-link-color: #ddd;
+ --header-link-focus-color: rgba(82, 168, 236, 0.85);
+ --header-link-hover-color: rgba(82, 168, 236, 0.85);
+ --header-active-link-color: #9b9494;
+
+ --page-header-title-border-color: #333;
+
+ --logo-color: #bbb;
+ --logo-hover-color-span: #bbb;
+
+ --table-border-color: #555;
+ --table-th-background: #333;
+ --table-th-color: #aaa;
+ --table-tr-hover-background-color: #333;
+ --table-tr-hover-color: #aaa;
+
+ --button-primary-border-color: #444;
+ --button-primary-background: #333;
+ --button-primary-color: #efefef;
+ --button-primary-focus-border-color: #888;
+ --button-primary-focus-background: #555;
+
+ --input-border: 1px solid #555;
+ --input-background: #333;
+ --input-color: #ccc;
+
+ --input-focus-color: #efefef;
+ --input-focus-border-color: rgba(82, 168, 236, 0.8);
+ --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+
+ --alert-color: #efefef;
+ --alert-background-color: #333;
+ --alert-border-color: #444;
+
+ --alert-success-color: #efefef;
+ --alert-success-background-color: #333;
+ --alert-success-border-color: #444;
+
+ --alert-error-color: #efefef;
+ --alert-error-background-color: #333;
+ --alert-error-border-color: #444;
+
+ --alert-info-color: #efefef;
+ --alert-info-background-color: #333;
+ --alert-info-border-color: #444;
+
+ --panel-background: #333;
+ --panel-border-color: #555;
+ --panel-color: #9b9b9b;
+
+ --modal-background: #333;
+ --modal-color: #efefef;
+ --modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);
+
+ --pagination-link-color: #aaa;
+ --pagination-border-color: #333;
+
+ --category-color: #efefef;
+ --category-background-color: #333;
+ --category-border-color: #444;
+ --category-link-color: #999;
+ --category-link-hover-color: #aaa;
+
+ --item-border-color: #666;
+ --item-padding: 4px;
+ --item-title-link-font-weight: 400;
+
+ --item-status-read-title-link-color: #666;
+ --item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);
+
+ --item-meta-focus-color: #aaa;
+ --item-meta-li-color: #ddd;
+
+ --current-item-border-width: 2px;
+ --current-item-border-color: rgba(82, 168, 236, 0.8);
+ --current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+
+ --entry-header-border-color: #333;
+ --entry-header-title-link-color: #bbb;
+ --entry-content-color: #999;
+ --entry-content-code-color: #fff;
+ --entry-content-code-background: #555;
+ --entry-content-code-border-color: #888;
+ --entry-content-quote-color: #777;
+ --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
+ --entry-enclosure-border-color: #333;
+
+ --parsing-error-color: #eee;
+ --feed-parsing-error-background-color: #343434;
+
+ --keyboard-shortcuts-li-color: #9b9b9b;
+
+ --counter-color: #bbb;
+ }
+}