Use dark color scheme by default

1 week ago · 647cafaedf
parent 8e5665eaf5
commit 647cafaedf
2 changed files with 14 additions and 1 deletions
--- a/share/static/style.css
+++ b/share/static/style.css
@ -1,3 +1,16 @@
+body {
+    background: black;
+    color: #bbbbbb;
+}
+
+/* Switch to light mode if the user prefers it */
+@media (prefers-color-scheme: light) {
+  body {
+    background-color: #ffffff; /* Light background */
+    color: #000000; /* Dark text */
+  }
+}
+
 pre {
 /*    font-family: source_code_proregular; */

--- a/share/templates/index.html
+++ b/share/templates/index.html
@ -1,6 +1,6 @@
 <html>
 <head>
-<meta name="color-scheme" content="light dark">
+<meta name="color-scheme" content="dark light">
 <link rel="stylesheet" type="text/css" href="https://adobe-fonts.github.io/source-code-pro/source-code-pro.css">
 <link rel="stylesheet" type="text/css" href="/files/style.css" />
 </head>