diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 7e2fbfcb..eaa73712 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3552,6 +3552,9 @@ body.zen-mode-enable {
 .dark .ios-toggle::after {
   background: #f5f5f5;
 }
+html.dark {
+  color-scheme: dark;
+}
 body a, body button {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
diff --git a/assets/css/main.css b/assets/css/main.css
index afeaea6d..8c19a5d5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -7,6 +7,10 @@
 @import "./components/zen-mode.css";
 @import "./components/a11y.css";
 
+html.dark {
+  color-scheme: dark;
+}
+
 body a,
 body button {
   @apply transition-colors;