/* Light theme overrides. * The site is dark by default; these rules apply when * is set by the theme toggle (see base.html). */ :root { color-scheme: dark; } html[data-theme="light"] { color-scheme: light; } /* Theme toggle button (both themes) */ nav li.theme-toggle button { display: block; padding: 4.5em 10px 10px 10px; margin: 0; border: 0; background: none; color: #15A9DB; font: inherit; line-height: inherit; cursor: pointer; } nav li.theme-toggle button:hover { background-color: #d3d3d3; color: black; } /* ---- base (screen.css) ---- */ html[data-theme="light"] body { background: #fdf6e3; color: #073642; } html[data-theme="light"] a, html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] h4, html[data-theme="light"] h5, html[data-theme="light"] h6, html[data-theme="light"] p.topic-title, html[data-theme="light"] nav li.theme-toggle button { color: #0a6f94; } html[data-theme="light"] nav a:hover, html[data-theme="light"] nav li.theme-toggle button:hover { background-color: #eee8d5; color: #002b36; } html[data-theme="light"] nav li.selected a, html[data-theme="light"] #content a.readmore, html[data-theme="light"] .pages a.next_page, html[data-theme="light"] .pages a.prev_page, html[data-theme="light"] .pages a.next_article, html[data-theme="light"] .pages a.prev_article { color: #fff; } html[data-theme="light"] hr, html[data-theme="light"] #casper hr { border-bottom-color: #93a1a1; border-top-color: #93a1a1; } html[data-theme="light"] blockquote { border-left-color: #93a1a1; } html[data-theme="light"] header .header_box h1::first-letter { background-color: #eee8d5; } html[data-theme="light"] header h2 { color: #586e75; } html[data-theme="light"] .date { color: #586e75; } html[data-theme="light"] .info { color: #586e75; } html[data-theme="light"] .info a.tags { background: #eee8d5; } html[data-theme="light"] .pages { background: #fdf6e3; } html[data-theme="light"] .pages span, html[data-theme="light"] footer { color: #586e75; } html[data-theme="light"] div.note, html[data-theme="light"] div.warning { border-left-color: #93a1a1; } html[data-theme="light"] .literal { background: #eee8d5; } html[data-theme="light"] div.mastodon-comment { background: #eee8d5; } html[data-theme="light"] button#no-comments { background: #586e75; } /* ---- post content & cards (screen.css dark block) ---- */ html[data-theme="light"] .post-feed, html[data-theme="light"] .author-profile-image, html[data-theme="light"] .post-card-image, html[data-theme="light"] .page-template .site-main, html[data-theme="light"] .post-full-content, html[data-theme="light"] .post-template .site-main, html[data-theme="light"] .site-main, html[data-theme="light"] .site-archive-header .no-image { background: #fdf6e3; } html[data-theme="light"] .post-card, html[data-theme="light"] .post-card:hover { border-bottom-color: #eee8d5; } html[data-theme="light"] .author-avatar, html[data-theme="light"] .static-avatar { border-color: #fdf6e3; } html[data-theme="light"] .post-card-title, html[data-theme="light"] .post-full-title, html[data-theme="light"] .post-full-content h1, html[data-theme="light"] .post-full-content h2, html[data-theme="light"] .post-full-content h3, html[data-theme="light"] .post-full-content h4, html[data-theme="light"] .post-full-content h6, html[data-theme="light"] .kg-bookmark-title, html[data-theme="light"] .site-archive-header .no-image { color: #073642; } html[data-theme="light"] .post-card-byline-content a, html[data-theme="light"] .post-full-byline-meta h4 a, html[data-theme="light"] .no-image .author-social-link a, html[data-theme="light"] .kg-bookmark-description, html[data-theme="light"] .kg-bookmark-metadata { color: #586e75; } html[data-theme="light"] .post-card-byline-content a:hover, html[data-theme="light"] .post-full-byline-meta h4 a:hover { color: #002b36; } html[data-theme="light"] .post-card-excerpt, html[data-theme="light"] .post-full-custom-excerpt, html[data-theme="light"] .post-full-content figcaption { color: #586e75; } html[data-theme="light"] .post-full-content a { color: #0a6f94; box-shadow: inset 0 -1px 0 #0a6f94; } html[data-theme="light"] .post-full-content em, html[data-theme="light"] .post-full-content strong { color: #002b36; } html[data-theme="light"] .post-full-content code { color: #C7254E; background: #eee8d5; } html[data-theme="light"] .post-full-image { background-color: #eee8d5; } html[data-theme="light"] .post-full-byline, html[data-theme="light"] .site-archive-header .no-image .site-header-content { border-color: #eee8d5; } html[data-theme="light"] .author-list-item .author-card { background: #fff; box-shadow: 0 12px 26px rgba(39, 44, 49, .08); } html[data-theme="light"] .author-list-item .author-card:before { border-top-color: #fff; } html[data-theme="light"] .post-full-content table td:first-child { background-image: linear-gradient(90deg, #fdf6e3 50%, rgba(253, 246, 227, 0)); } html[data-theme="light"] .post-full-content table td:last-child { background-image: linear-gradient(270deg, #fdf6e3 50%, rgba(253, 246, 227, 0)); } html[data-theme="light"] .post-full-content table th { color: #073642; background-color: #eee8d5; } html[data-theme="light"] .post-full-content table td, html[data-theme="light"] .post-full-content table th { border-color: #eee8d5; } html[data-theme="light"] .post-full-content .kg-bookmark-container, html[data-theme="light"] .post-full-content .kg-bookmark-container:hover { color: #073642; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .09); } html[data-theme="light"] .post-all-tags, html[data-theme="light"] .post-all-tags a { color: #586e75; } /* ---- casper.css (id-scoped, needs the #casper prefix to win) ---- */ html[data-theme="light"] #casper img { opacity: 1; } html[data-theme="light"] #casper .site-header-background:before { background: rgba(0, 0, 0, .18); } html[data-theme="light"] #casper .post-feed, html[data-theme="light"] #casper .author-profile-image, html[data-theme="light"] #casper .post-card-image, html[data-theme="light"] #casper .page-template .site-main, html[data-theme="light"] #casper .post-full-content, html[data-theme="light"] #casper .post-template .site-main, html[data-theme="light"] #casper .site-main, html[data-theme="light"] #casper .site-archive-header .no-image { background: #fdf6e3; } html[data-theme="light"] #casper .post-card, html[data-theme="light"] #casper .post-card:hover { border-bottom-color: #eee8d5; } html[data-theme="light"] #casper .author-avatar, html[data-theme="light"] #casper .static-avatar { border-color: #fdf6e3; } html[data-theme="light"] #casper .post-card-title, html[data-theme="light"] #casper .post-full-title, html[data-theme="light"] #casper .post-full-content h1, html[data-theme="light"] #casper .post-full-content h2, html[data-theme="light"] #casper .post-full-content h3, html[data-theme="light"] #casper .post-full-content h4, html[data-theme="light"] #casper .post-full-content h6, html[data-theme="light"] #casper .kg-bookmark-title, html[data-theme="light"] #casper .site-archive-header .no-image { color: #073642; } html[data-theme="light"] #casper .post-card-byline-content a, html[data-theme="light"] #casper .post-full-byline-meta h4 a, html[data-theme="light"] #casper .no-image .author-social-link a, html[data-theme="light"] #casper .kg-bookmark-description, html[data-theme="light"] #casper .kg-bookmark-metadata { color: #586e75; } html[data-theme="light"] #casper .post-card-byline-content a:hover, html[data-theme="light"] #casper .post-full-byline-meta h4 a:hover { color: #002b36; } html[data-theme="light"] #casper .post-card-excerpt, html[data-theme="light"] #casper .post-full-custom-excerpt, html[data-theme="light"] #casper .post-full-content figcaption { color: #586e75; } html[data-theme="light"] #casper .post-full-content a { color: #0a6f94; box-shadow: inset 0 -1px 0 #0a6f94; } html[data-theme="light"] #casper .post-full-content em, html[data-theme="light"] #casper .post-full-content strong { color: #002b36; } html[data-theme="light"] #casper .post-full-content code { color: #C7254E; background: #eee8d5; } html[data-theme="light"] #casper .post-full-byline, html[data-theme="light"] #casper .site-archive-header .no-image .site-header-content { border-color: #eee8d5; } html[data-theme="light"] #casper .post-full-image { background-color: #eee8d5; } html[data-theme="light"] #casper .author-list-item .author-card { background: #fff; box-shadow: 0 12px 26px rgba(39, 44, 49, .08); } html[data-theme="light"] #casper .author-list-item .author-card:before { border-top-color: #fff; } html[data-theme="light"] #casper .post-full-content table td:first-child { background-image: linear-gradient(90deg, #fdf6e3 50%, rgba(253, 246, 227, 0)); } html[data-theme="light"] #casper .post-full-content table td:last-child { background-image: linear-gradient(270deg, #fdf6e3 50%, rgba(253, 246, 227, 0)); } html[data-theme="light"] #casper .post-full-content table th { color: #073642; background-color: #eee8d5; } html[data-theme="light"] #casper .post-full-content table td, html[data-theme="light"] #casper .post-full-content table th { border-color: #eee8d5; } html[data-theme="light"] #casper .post-all-tags, html[data-theme="light"] #casper .post-all-tags a { color: #586e75; } html[data-theme="light"] #casper .subscribe-form { border: 1px solid #eee8d5; background: linear-gradient(#fdf6e3, #eee8d5); } html[data-theme="light"] #casper .subscribe-form-title { color: #073642; } html[data-theme="light"] #casper .subscribe-form p { color: #586e75; } html[data-theme="light"] #casper .subscribe-email { border-color: #eee8d5; color: #073642; background: #fff; }