feat: add dark theme

use prefers-color-scheme

README.md

@@ -18,3 +18,7 @@ make
 - https://motherfuckingwebsite.com/
 - http://bettermotherfuckingwebsite.com/
 - https://evenbettermotherfucking.website/
+- https://thebestmotherfucking.website/
+- https://perfectmotherfuckingwebsite.com/
+- https://primer.style/design/foundations/color
+- https://primer.style/primitives/colors

docs/styles.css

@@ -1 +1 @@
-body{font-family:recursive,sans-serif;font-variation-settings:"MONO" 0,"CASL" 1;margin:5% auto;max-width:75%;line-height:1.8}code{font-family:recursive,monospace;font-variation-settings:"MONO" 1,"CASL" 1}
+body{font-family:recursive,sans-serif;font-variation-settings:"MONO" 0,"CASL" 1;margin:5% auto;max-width:75%;line-height:1.8;color:#24292f;background:#fff}code{font-family:recursive,monospace;font-variation-settings:"MONO" 1,"CASL" 1;display:inline-block;background:#f6f8fa}a{color:#0969da}@media(prefers-color-scheme:dark){body{color:#c9d1d9;background:#0d1117}code{background:#161b22}a{color:#58a6ff}}

templates/styles.css

@@ -4,9 +4,32 @@ body {
   margin: 5% auto;
   max-width: 75%;
   line-height: 1.8;
+  color: #24292f;
+  background: #ffffff;
 }
 
 code {
   font-family: "Recursive", monospace;
   font-variation-settings: "MONO" 1, "CASL" 1;
+  display: inline-block;
+  background: #f6f8fa;
+}
+
+a {
+  color: #0969da;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #c9d1d9;
+    background: #0d1117;
+  }
+
+  code {
+    background: #161b22;
+  }
+
+  a {
+    color: #58a6ff;
+  }
 }