Add dark mode to the config pages.

cubing · Jan 8, 2025 · 8966d02 · 8966d02
1 parent 65fe4b5
commit 8966d02
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/timer.cubing.net/config.html b/src/timer.cubing.net/config.html
@@ -10,10 +10,13 @@
   <title>Timer 🛠 | Config</title>
 
   <style>
+    :root {
+      color-scheme: light dark;
+    }
+
     body {
       font-family: sans-serif;
     }
-
   </style>
 </head>
 

diff --git a/src/timer.cubing.net/results.html b/src/timer.cubing.net/results.html
@@ -10,6 +10,10 @@
   <title>Timer 🛠 | Results</title>
   <script src="./ui/results-page.js" href="./ui/results-page.ts" type="module"></script>
   <style>
+    :root {
+      color-scheme: light dark;
+    }
+
     body {
       font-family: Verdana, Geneva, Tahoma, sans-serif;
     }
@@ -26,7 +30,6 @@
     table thead {
       text-align: center;
     }
-
   </style>
 </head>