diff --git a/css/common.css b/css/common.css
index a2946fce7..77c51dab6 100644
--- a/css/common.css
+++ b/css/common.css
@@ -19,18 +19,6 @@
     --blue: #3f6ef5;
 
     font-size: calc(1vmin + 12px);
-
-    /* default theme */
-    --background-color: var(--deep-purple);
-    --selection-color: var(--mid-light-purple);
-    --h-text-color: var(--quacs-yellow);
-    --p-text-color: var(--quacs-white);
-    --link-text-color: var(--quacs-midtone);
-    --link-hover-color: var(--quacs-yellow);
-    --header-color: var(--quacs-yellow);
-    --input-background-color: var(--quacs-white);
-    --input-text-color: var(--mid-dark-purple);
-    --input-selection-color: var(--quacs-yellow);
 }
 
 * {
diff --git a/css/themes.css b/css/themes.css
index e656467aa..681599d1b 100644
--- a/css/themes.css
+++ b/css/themes.css
@@ -1,5 +1,15 @@
 @media (prefers-color-scheme: dark) {
     :root {
+        --background-color: var(--deep-purple);
+        --selection-color: var(--mid-light-purple);
+        --h-text-color: var(--quacs-yellow);
+        --p-text-color: var(--quacs-white);
+        --link-text-color: var(--quacs-midtone);
+        --link-hover-color: var(--quacs-yellow);
+        --header-color: var(--quacs-yellow);
+        --input-background-color: var(--quacs-white);
+        --input-text-color: var(--mid-dark-purple);
+        --input-selection-color: var(--quacs-yellow);
         --search-title-color: var(--quacs-yellow);
         --search-term-color: var(--quacs-midtone);
         --search-entry-text-color: var(--quacs-white);