diff --git a/ui/static/css/dark.css b/ui/static/css/dark.css
index 8e9a7c71..545036e3 100644
--- a/ui/static/css/dark.css
+++ b/ui/static/css/dark.css
@@ -116,3 +116,7 @@
 
     --counter-color: #bbb;
 }
+
+html {
+    color-scheme: dark;
+}
diff --git a/ui/static/css/light.css b/ui/static/css/light.css
index d56e62fd..fb159ef2 100644
--- a/ui/static/css/light.css
+++ b/ui/static/css/light.css
@@ -116,3 +116,7 @@
 
     --counter-color: #666;
 }
+
+html {
+    color-scheme: light;
+}
diff --git a/ui/static/css/system.css b/ui/static/css/system.css
index 870dd8e1..af7c8e6b 100644
--- a/ui/static/css/system.css
+++ b/ui/static/css/system.css
@@ -116,6 +116,10 @@
     --counter-color: #666;
 }
 
+html {
+    color-scheme: light;
+}
+
 @media (prefers-color-scheme: dark) {
     :root {
         --body-color: #efefef;
@@ -233,4 +237,8 @@
 
         --counter-color: #bbb;
     }
+
+    html {
+        color-scheme: dark;
+    }
 }