diff --git a/input.css b/input.css
--- a/input.css
+++ b/input.css
@@ -72,10 +72,17 @@ @apply bg-yellow-400 text-black bg-opacity-30 dark:bg-yellow-600 dark:bg-opacity-50 dark:text-white;
     }
 
     @layer base {
-        html {
+        :root {
             font-size: 14px;
             scrollbar-gutter: stable;
+
+            color-scheme: light;
+
+            @media (prefers-color-scheme: dark) {
+                color-scheme: dark;
+            }
         }
+
         @supports (font-variation-settings: normal) {
             html {
                 font-feature-settings: