diff --git a/src/assets/styles/defaults/vars.css b/src/assets/styles/defaults/vars.css
index ff96f504..82c9fcba 100644
--- a/src/assets/styles/defaults/vars.css
+++ b/src/assets/styles/defaults/vars.css
@@ -33,8 +33,6 @@
   --gray-dark: var(--gray-950);
 
   /* base theme */
-  --color-theme: light;
-
   --color-lightest: var(--gray-50);
   --color-darkest: var(--gray-darkest);
   --text-color: var(--color-darkest);
@@ -150,16 +148,19 @@
 
 /* dark theme */
 :root.theme__dark {
-  --color-theme: dark;
+  --text-color: var(--color-lightest);
+    --background-color: var(--color-darkest);
+    --text-color-inverted: var(--color-darkest);
+    --background-color-inverted: var(--color-lightest);
+    --accent-color: var(--blue-400);
+    --accent-color-hover: var(--blue-200);
+    --gray-light: var(--gray-800);
+    --gray-lighter: var(--gray-900);
+    --gray-dark: var(--gray-200);
+    --brand-github: #f5f5f5;
 }
 
 @media (prefers-color-scheme: dark) {
-  :root {
-    --color-theme: dark;
-  }
-}
-
-@container style(--color-theme: dark) {
   :root {
     --text-color: var(--color-lightest);
     --background-color: var(--color-darkest);