@RuslanSer

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

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

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

Т.е по дефолту #FFFFFF, переключаем тему (к примеру добавляется класс к body), и он меняется на #000000.
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега Sass
frontend developer
Для темы лучше использовать css-переменные

body {
  --bg: white;

  background: var(--bg);

  &.dark {
    --bg: black
  }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы