diff --git a/src/index.scss b/src/index.scss
index cb654a02..aed54b83 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -178,12 +178,12 @@
 .dark-theme,
 .butter-theme {
   /* background color | --bg-[background type]: value */
-  --bg-surface: hsl(208, 8%, 20%);
-  --bg-surface-transparent: hsla(208, 8%, 20%, 0);
-  --bg-surface-low: hsl(208, 8%, 16%);
-  --bg-surface-low-transparent: hsla(208, 8%, 16%, 0);
-  --bg-surface-extra-low: hsl(208, 8%, 14%);
-  --bg-surface-extra-low-transparent: hsla(208, 8%, 14%, 0);
+  --bg-surface: hsl(230, 8%, 20%);
+  --bg-surface-transparent: hsla(230, 8%, 20%, 0);
+  --bg-surface-low: hsl(230, 8%, 16%);
+  --bg-surface-low-transparent: hsla(230, 8%, 16%, 0);
+  --bg-surface-extra-low: hsl(230, 8%, 14%);
+  --bg-surface-extra-low-transparent: hsla(230, 8%, 14%, 0);
   --bg-surface-hover: rgba(255, 255, 255, 3%);
   --bg-surface-active: rgba(255, 255, 255, 5%);
   --bg-surface-border: rgba(0, 0, 0, 20%);