diff --git a/src/assets/styles/defaults/vars.css b/src/assets/styles/defaults/vars.css
index 15ffcef9..de9648d1 100644
--- a/src/assets/styles/defaults/vars.css
+++ b/src/assets/styles/defaults/vars.css
@@ -146,6 +146,20 @@
   accent-color: var(--accent-color);
 }
 
+/* light theme */
+:root[data-theme="light"] {
+  --text-color: var(--color-darkest);
+  --background-color: var(--color-lightest);
+  --text-color-inverted: var(--color-lightest);
+  --background-color-inverted: var(--color-darkest);
+  --accent-color: var(--blue-600);
+  --accent-color-hover: var(--blue-800);
+  --gray-light: var(--gray-200);
+  --gray-lighter: var(--gray-100);
+  --gray-dark: var(--gray-950);
+  --brand-github: #333;
+}
+
 /* dark theme */
 :root[data-theme="dark"] {
   --text-color: var(--color-lightest);