diff --git a/src/styles/index.scss b/src/styles/index.scss
index 6ebd70b..d0d6e13 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,21 +1,22 @@
 /* Theme Variant */
 :root {
     color-scheme: light dark;
+    --webpage-text: light-dark(#121212, #FFFFFF);
+    --webpage-background: light-dark(#FFFFFF, #121212);
 }
-
-.body {
-    color: light-dark(#121212, #FFFFFF);
-    background: light-dark(#FFFFFF, #121212);
-}
-a {
-    color: light-dark(#121212, #FFFFFF);
-}
-
+@media (prefers-color-scheme: light) {.dark {display: none}}
+@media (prefers-color-scheme: dark) {.light {display: none}}
 
 body {
     font-family: arial;
     margin: auto;
     max-width: 1400px;
+    color: var(--webpage-text);
+    background: var(--webpage-background);
+}
+
+a {
+    color: var(--webpage-text);
 }
 
 header {