diff --git a/pelican/tests/output/basic/theme/css/main.css b/pelican/tests/output/basic/theme/css/main.css index c1d86950..2e2aee48 100644 --- a/pelican/tests/output/basic/theme/css/main.css +++ b/pelican/tests/output/basic/theme/css/main.css @@ -27,6 +27,13 @@ body { text-align: left; } +@media (prefers-color-scheme: dark) { + body { + background: #070808; + color: #FFFEFE; + } +} + /* Headings */ h1 {font-size: 2em } h2 {font-size: 1.571em} /* 22px */ @@ -106,6 +113,12 @@ dd {margin-left: 1.5em;} pre{background-color: rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;} +@media (prefers-color-scheme: dark) { + pre { + background: rgb(38, 38, 38); + } +} + /* Quotes */ blockquote { margin: 20px; @@ -197,6 +210,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */ #banner h1 strong {font-size: 0.36em; font-weight: normal;} +@media (prefers-color-scheme: dark) { + #banner h1 a:link, #banner h1 a:visited { + color: #FFFAF8; + } +} + /* Main Nav */ #banner nav { background: #000305; @@ -213,6 +232,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */ -webkit-border-radius: 5px; } +@media (prefers-color-scheme: dark) { + #banner nav { + background: #121518; + } +} + #banner nav ul {list-style: none; margin: 0 auto; max-width: 800px;} #banner nav li {float: left; display: inline; margin: 0;} @@ -255,6 +280,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */ -webkit-border-radius: 10px; } +@media (prefers-color-scheme: dark) { + #featured { + background: #151617; + } +} + #featured figure { border: 2px solid #eee; float: right; @@ -284,6 +315,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */ -webkit-border-radius: 10px; } +@media (prefers-color-scheme: dark) { + #content { + background: #111; + } +} + /* Extras *****************/ @@ -306,6 +343,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */ padding: .3em .25em; } +@media (prefers-color-scheme: dark) { + #extras a:link, #extras a:visited { + color: #888; + } +} + #extras a:hover, #extras a:active {color: #fff;} /* Blogroll */ @@ -339,6 +382,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */ -webkit-border-radius: 10px; } +@media (prefers-color-scheme: dark) { + #about { + background: #222; + } +} + #about .primary {float: left; max-width: 165px;} #about .primary strong {color: #C64350; display: block; font-size: 1.286em;} #about .photo {float: left; margin: 5px 20px;} @@ -367,6 +416,12 @@ li:first-child .hentry, #content > .hentry {border: 0; margin: 0;} .entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;} .entry-title a:visited {background-color: #fff;} +@media (prefers-color-scheme: dark) { + .entry-title a:link, .entry-title a:visited { + color: #C74350; + } +} + .hentry .post-info * {font-style: normal;} /* Content */ diff --git a/pelican/tests/output/custom/a-markdown-powered-article.html b/pelican/tests/output/custom/a-markdown-powered-article.html index b8359a6d..687c1153 100644 --- a/pelican/tests/output/custom/a-markdown-powered-article.html +++ b/pelican/tests/output/custom/a-markdown-powered-article.html @@ -12,8 +12,17 @@ + - Fork me on GitHub +
Fork me on GitHub