Как сделать темную тему в Sass?

Question

[RuslanSer]

В общем в проекте юзаются sass переменные.
Например всё выглядит так:
$--color-bg: #FFFFFF;
body {
background: $--color-bg;

Хотелось бы добавить темную тему так, чтобы не надо было переписывать использование $--color-bg, а чтобы по какому то условию менялся $--color-bg к примеру на #000000.

Т.е по дефолту #FFFFFF, переключаем тему (к примеру добавляется класс к body), и он меняется на #000000.

Answer 1

[Сергей delphinpro]

Для темы лучше использовать css-переменные

body {
  --bg: white;

  background: var(--bg);

  &.dark {
    --bg: black
  }
}