diff --git a/_includes/styles/color-palette.scss b/_includes/styles/color-palette.scss
index 6f36a8d..35a4a3a 100644
--- a/_includes/styles/color-palette.scss
+++ b/_includes/styles/color-palette.scss
@@ -81,43 +81,43 @@ :root {
 
 /* semantic color variables for this project */
 :root {
-  --color-bg: var(--tn-light--background);
-  --color-fg: var(--tn-light--foreground);
-  --color-black: var(--tn-light--black);
-  --color-white: var(--tn-light--white);
-  --color-red: var(--tn-light--red);
-  --color-green: var(--tn-light--green);
-  --color-blue: var(--tn-light--blue);
-  --color-yellow: var(--tn-light--yellow);
-  --color-cyan: var(--tn-light--cyan);
-  --color-magenta: var(--tn-light--magenta);
-  --color-brown: var(--tn-light--brown);
-  --color-links: var(--tn-light--cyan);
-  --color-error: var(--tn-light--red);
-  --color-success: var(--tn-light--green);
-  --color-warn: var(--tn-light--yellow);
-  --color-bg--layer-01: var(--tn-light--background-60);
-  --color-bg--layer-02: var(--tn-light--background-70);
+  --color-bg: var(--tn-storm--background);
+  --color-fg: var(--tn-night--foreground);
+  --color-black: var(--tn-dark--black);
+  --color-white: var(--tn-dark--white);
+  --color-red: var(--tn-dark--red);
+  --color-green: var(--tn-dark--green);
+  --color-blue: var(--tn-dark--blue);
+  --color-yellow: var(--tn-dark--yellow);
+  --color-cyan: var(--tn-dark--cyan);
+  --color-magenta: var(--tn-dark--magenta);
+  --color-brown: var(--tn-dark--brown);
+  --color-links: var(--tn-dark--cyan);
+  --color-error: var(--tn-dark--red);
+  --color-success: var(--tn-dark--green);
+  --color-warn: var(--tn-dark--yellow);
+  --color-bg--layer-01: var(--tn-storm--background-40);
+  --color-bg--layer-02: var(--tn-storm--background-30);
 }
 
-@media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: light) {
   :root {
-    --color-bg: var(--tn-storm--background);
-    --color-fg: var(--tn-night--foreground);
-    --color-black: var(--tn-dark--black);
-    --color-white: var(--tn-dark--white);
-    --color-red: var(--tn-dark--red);
-    --color-green: var(--tn-dark--green);
-    --color-blue: var(--tn-dark--blue);
-    --color-yellow: var(--tn-dark--yellow);
-    --color-cyan: var(--tn-dark--cyan);
-    --color-magenta: var(--tn-dark--magenta);
-    --color-brown: var(--tn-dark--brown);
-    --color-links: var(--tn-dark--cyan);
-    --color-error: var(--tn-dark--red);
-    --color-success: var(--tn-dark--green);
-    --color-warn: var(--tn-dark--yellow);
-    --color-bg--layer-01: var(--tn-storm--background-40);
-    --color-bg--layer-02: var(--tn-storm--background-30);
+    --color-bg: var(--tn-light--background);
+    --color-fg: var(--tn-light--foreground);
+    --color-black: var(--tn-light--black);
+    --color-white: var(--tn-light--white);
+    --color-red: var(--tn-light--red);
+    --color-green: var(--tn-light--green);
+    --color-blue: var(--tn-light--blue);
+    --color-yellow: var(--tn-light--yellow);
+    --color-cyan: var(--tn-light--cyan);
+    --color-magenta: var(--tn-light--magenta);
+    --color-brown: var(--tn-light--brown);
+    --color-links: var(--tn-light--cyan);
+    --color-error: var(--tn-light--red);
+    --color-success: var(--tn-light--green);
+    --color-warn: var(--tn-light--yellow);
+    --color-bg--layer-01: var(--tn-light--background-60);
+    --color-bg--layer-02: var(--tn-light--background-70);
   }
 }