From 8d51fd8ff54d2dcf951173061ab2e7aa5287f76d Mon Sep 17 00:00:00 2001
From: Ryan Cao <70191398+ryanccn@users.noreply.github.com>
Date: Mon, 6 Feb 2023 12:58:23 +0800
Subject: [PATCH] fix: add `color-scheme` to themes

---
 ui/static/css/dark.css   | 4 ++++
 ui/static/css/light.css  | 4 ++++
 ui/static/css/system.css | 8 ++++++++
 3 files changed, 16 insertions(+)

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;
+    }
 }