Size: a a a

2021 February 17

AP

Alexander Ponomarev in Svelte [svelt]
Eugene Ilyin
https://svelte.dev/repl/7c8a6f2f0dff4f82a998bbff608c890a?version=3
Тогда что написать в handleClick. чтобы --primary-color стал red?
чтобы на боди повесился класс например .theme-dark и в нем описать .theme-dark { --primary-color: red }
источник

AP

Alexander Ponomarev in Svelte [svelt]
цсс переменные это обычные цсс свойства которые наследуются, можно воспринимать любую цсс переменную как свойство color которое тоже наследуется от родтеля
источник

КС

Кирилл Спасибович... in Svelte [svelt]
А на document.documentElement не вешается на style ?
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Вместо рута
источник

EI

Eugene Ilyin in Svelte [svelt]
Alexander Ponomarev
чтобы на боди повесился класс например .theme-dark и в нем описать .theme-dark { --primary-color: red }
Это подразумевает просто статический набор заранее заготовленных свойств и переключение между ними через селектор
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Можно его еще и important'ом перебить
источник

EI

Eugene Ilyin in Svelte [svelt]
Ресь идет о динамическом изменении переменной
источник

AP

Alexander Ponomarev in Svelte [svelt]
Eugene Ilyin
Ресь идет о динамическом изменении переменной
можешь писать <div style="--primary-color: red"> все кто внутри див будут иметь красный цвет этой переменной
источник

EI

Eugene Ilyin in Svelte [svelt]
Возвращаемся к той же проблеме - изменить столь силами Svelte нельзя, несмотря на то, что Svelte сам генерит и вставляет стили в CSSOM
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Есть еще сетпроперти
источник

AP

Alexander Ponomarev in Svelte [svelt]
Eugene Ilyin
Возвращаемся к той же проблеме - изменить столь силами Svelte нельзя, несмотря на то, что Svelte сам генерит и вставляет стили в CSSOM
вам шашечки или ехать, вы хотите по своему и вам результат нужен?
источник

EI

Eugene Ilyin in Svelte [svelt]
Alexander Ponomarev
можешь писать <div style="--primary-color: red"> все кто внутри див будут иметь красный цвет этой переменной
Это тема. Тема. Одна для сотни компонент, я не могу каждый кусочек темы переопределяеть в каждом кусочке компонента
источник

EI

Eugene Ilyin in Svelte [svelt]
Кирилл Спасибович
Есть еще сетпроперти
Это как?
источник

AP

Alexander Ponomarev in Svelte [svelt]
Eugene Ilyin
Это тема. Тема. Одна для сотни компонент, я не могу каждый кусочек темы переопределяеть в каждом кусочке компонента
тогда описываете theme-dark и делаете переключатель который меняет класс на боди
источник

EI

Eugene Ilyin in Svelte [svelt]
Ох, Emotion для SSR только под реакт :(
источник

EI

Eugene Ilyin in Svelte [svelt]
Alexander Ponomarev
тогда описываете theme-dark и делаете переключатель который меняет класс на боди
Это набор статических тем, я говорю о замене значения переменной глобально
источник

EI

Eugene Ilyin in Svelte [svelt]
Вот тут https://svelte.dev/repl/7c8a6f2f0dff4f82a998bbff608c890a?version=3
Что написать в handle click чтобы --primary-color: red; поиметь?
источник

AP

Alexander Ponomarev in Svelte [svelt]
.theme-light {
   --primary-color: green;
   --secondary-color: red;
}

.theme-dark {
   --primary-color: red;
   --secondary-color: green;
}

я не понимаю что за замена значения цвета глобально. Если вы на боди эти классы повешаете все цвета глобально заменятся
источник

DK

Dan Kozlov in Svelte [svelt]
Eugene Ilyin
https://svelte.dev/repl/7c8a6f2f0dff4f82a998bbff608c890a?version=3
Тогда что написать в handleClick. чтобы --primary-color стал red?
Александр просто поздно подключился.

Вам надо делать document.body.style.setProperty('--primary-color', 'red')
источник

EI

Eugene Ilyin in Svelte [svelt]
Alexander Ponomarev
.theme-light {
   --primary-color: green;
   --secondary-color: red;
}

.theme-dark {
   --primary-color: red;
   --secondary-color: green;
}

я не понимаю что за замена значения цвета глобально. Если вы на боди эти классы повешаете все цвета глобально заменятся
.theme-red, .theme-blue, .theme-green-dence, .theme-red-dence-rounded и еще где-то с триллион вариантов
источник