Да я не реализовывал еще, просто есть такая проблема и я её отложил на потом
Но вот кста могу поделится интересным вариантом создания темы, соединил подходы из двух статей и вышло оч удобно
+++++ scss ++++
[data-theme="тема"] {
тут все переменные для конкретной темы (css properties не сасовские)
}
$theme: (
--название переменной: var(--название перменной),
......
);
@function var($variable) {
@return map-get($theme, $variable);
}
А далее в любом участке кода можно юзать var(--переменная)
И если менять data атрибут у документа отвечающий за тему - будет динамически подставляться соответствующая тема
Там можно не только цвета менять но и какие либо параметры типа скругленности блоков, отступов и т.п
