.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%);