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

Question

[Шухрат Рустамов]

Как реализовать смену темы в sass?

Comments

[Михаил]

Так же как и не в sass

[Шухрат Рустамов]

Михаил, интересно)

[yarnstart]

Шухрат Рустамов, Смотрите в сторону custom properties

[Шухрат Рустамов]

Евгений, я так и делал, в sass относительно недавно, и мне понравилось то что там можно в то же свойство rgba() для добавления прозрачности можно вписать переменные sass($), а при var() такое не работает(или я что-то не знаю?) и мне придется для того же цвета, но чуть прозрачнее давать отдельные переменные( (в этом то и собственно проблема)

[yarnstart]

Шухрат Рустамов, Смотря, что вы хотите сделать,
--light: rgba(#fff, .5);
Можно, а
color: rgba(var(--light), .5);
Конечно же нельзя, в скомпиленном css не существует функции rgba, а цвет переменной неизвестен заранее

[Шухрат Рустамов]

Евгений, я уже понял что мне придется задавать одному и тому же цвету с разными прозрачностями разные переменные)

[yarnstart]

Шухрат Рустамов, можно менять цвет этих переменных на js и прозрачностью манипулировать в том числе

[Шухрат Рустамов]

Евгений, ок, спасибо

Answer 1

[aleks_web_dev]

https://codepen.io/designcourse/pen/OGVZjr?__cf_ch...