CSS: add dark mode - saait - the most boring static page generator
  HTML git clone git://git.codemadness.org/saait
   DIR Log
   DIR Files
   DIR Refs
   DIR README
   DIR LICENSE
       ---
   DIR commit 05eb9e7224f302b9d611043adb52418450b3ce4d
   DIR parent 134ff98c58a8cca78caf918cc6dddc3a24155490
  HTML Author: Hiltjo Posthuma <hiltjo@codemadness.org>
       Date:   Sat, 19 Mar 2022 13:13:14 +0100
       
       CSS: add dark mode
       
       Diffstat:
         M style.css                           |      24 ++++++++++++++++++++++++
       
       1 file changed, 24 insertions(+), 0 deletions(-)
       ---
   DIR diff --git a/style.css b/style.css
       @@ -12,6 +12,11 @@ body {
        article, figcaption, figure, header, main, nav {
                display: block;
        }
       +/* center images */
       +img {
       +        display: block;
       +        margin: 0 auto;
       +}
        table, img {
                border: 0;
        }
       @@ -78,3 +83,22 @@ code {
        .hidden {
                display: none;
        }
       +@media (prefers-color-scheme: dark) {
       +        body {
       +                background-color: #000;
       +                color: #bdbdbd;
       +        }
       +        code {
       +                background-color: #111;
       +                border-color: #222;
       +        }
       +        hr {
       +                border-color: #222;
       +        }
       +        a {
       +                color: #56c8ff;
       +        }
       +        #main {
       +                border-top: 3px solid #222;
       +        }
       +}