EI
в global.css заготовил блоки, типа:
.light { --var: foo }
.dark {--var: baz }
.light { --var: foo }
.dark {--var: baz }
Это как раз с CSS Vars
Size: a a a
2021 February 17
A
ну да
EI
Ну так ладно, а подход с перезаписью селектора для поддерева вы поняли? Оно отчасти решает вашу задачу, хотя костылище тот еще.
То есть берется какой-то корневой селектор
.theme {cikir: red} и потом при нажатии на кнопку ему делается перезапись на .theme: {color: blue} и все кто наследует .theme color используют цвет или можно class="theme ..."DK
Тут просто задача странная в том смысле, что вам и CSS-in-JS не поможет. Вы же хотите стиль подключать в head, а потом его значение переделывать.
EI
ну да
Ну нет но без css-vars, для этого есть svelte themer
A
я ручками люблю
DK
Eugene Ilyin
То есть берется какой-то корневой селектор
.theme {cikir: red} и потом при нажатии на кнопку ему делается перезапись на .theme: {color: blue} и все кто наследует .theme color используют цвет или можно class="theme ..."
EI
Тут просто задача странная в том смысле, что вам и CSS-in-JS не поможет. Вы же хотите стиль подключать в head, а потом его значение переделывать.
Да переделывать через JS, чтобы обойти ограничение статических стилей.
КС
А если 1 компонент собирать с динамической подгрузкой стилей, и в нем этот класс написать ?
КС
Он тогда стайл тег создаст
EI
Спасибо за пример, но это породит каскад всех вариантов всех возможных тем.
КС
И по нажатию кнопки инстанциировать его
EI
Кирилл Спасибович
И по нажатию кнопки инстанциировать его
Да вот я как раз об этом и думал, но это порождает все возможные компоненты для всех возможных тем
DK
Eugene Ilyin
Спасибо за пример, но это породит каскад всех вариантов всех возможных тем.
Дык.
Вам нужен CSS-in-JS без css-переменных и с SSR. Так нельзя, вроде бы :)
Вам нужен CSS-in-JS без css-переменных и с SSR. Так нельзя, вроде бы :)
КС
А для ssr/ssg будет дефолтный стиль перебиваемый этим классом
КС
Тока вот всё равно же нужна будет тема
EI
Вообщем остановимся на Emotion SSR + Svelte SSR в два разных head style css + дергание Emotion Client JS для переключения тем
КС
Тут тока несколько css бандлов походу
КС
С запеченными темами
EI
Кирилл Спасибович
С запеченными темами
Не это жесть там слишком много степеней свободы, чтобы под каждый вариант свой банд с темами городить