diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 51aa6ca..10a5031 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -14,6 +14,8 @@
 
 /* 🎨 Colors */
 :root {
+    color-scheme: light dark;
+
     --color-bg: #f5eff2;
     --gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
     --color-fg: #2a2d37;
@@ -366,7 +368,6 @@
     }
 }
 
-
 body.app-body  {
     background-color: var(--color-bg);
     color: var(--color-fg);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index c9b8da0..33e10f8 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -14,6 +14,8 @@
 
 /* 🎨 Colors */
 :root {
+    color-scheme: light dark;
+
     --color-bg: #f2eff5;
     --gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
     --color-fg: #2a2d37;
@@ -366,7 +368,6 @@
     }
 }
 
-
 body.app-body  {
     background-color: var(--color-bg);
     color: var(--color-fg);
diff --git a/TangerineUI.css b/TangerineUI.css
index 41a7704..d5bd5ea 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -14,6 +14,8 @@
 
 /* 🎨 Colors */
 :root {
+    color-scheme: light dark;
+
     --color-bg: #f5f2ef;
     --gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
     --color-fg: #2a2d37;
@@ -366,7 +368,6 @@
     }
 }
 
-
 body.app-body  {
     background-color: var(--color-bg);
     color: var(--color-fg);