Support dark colour scheme for website

Signed-off-by: Richie Bendall <richiebendall@gmail.com>
This commit is contained in:
Richie Bendall 2021-10-22 15:55:53 +13:00
parent 3a60304f90
commit 1355a48ab4
No known key found for this signature in database
GPG Key ID: 1C6A99DFA9D306FC
2 changed files with 16 additions and 1 deletions

View File

@ -38,7 +38,7 @@
<div class="share-bar"> <div class="share-bar">
<a class="read-more" href="http://nicolasgallagher.com/about-normalize-css/">Read more about normalize.css &raquo;</a> <a class="read-more" href="http://nicolasgallagher.com/about-normalize-css/">Read more about normalize.css &raquo;</a>
<div class="share-opt"> <div class="share-opt share-github">
<a href="https://github.com/necolas/normalize.css"> <a href="https://github.com/necolas/normalize.css">
<img src="github-logo.png" width="28" height="28" alt="GitHub"> <img src="github-logo.png" width="28" height="28" alt="GitHub">
</a> </a>

View File

@ -204,3 +204,18 @@ p {
margin: 0 1em 0.5em; margin: 0 1em 0.5em;
} }
} }
@media screen and (prefers-color-scheme: dark) {
html {
background: #333;
color: #fff;
}
.site-box, .share-bar {
background: #222;
}
.share-github {
filter: invert(1);
}
}