AP
Eugene Ilyin
.theme-red, .theme-blue, .theme-green-dence, .theme-red-dence-rounded и еще где-то с триллион вариантов
ну тогда через setProperty на руте
Вам надо делать
document.body.style.setProperty('--primary-color', 'red')Size: a a a
2021 February 17
EI
Александр просто поздно подключился.
Вам надо делать
Вам надо делать
Отлично, спасибо, работает! Осталось с SSR подружить
DK
Eugene Ilyin
Отлично, спасибо, работает! Осталось с SSR подружить
С этим будет интересно. Вам надо избегать FOUC?
EI
Да и вытащить все критические стили в заголовок
DK
Хотя в данном случае будет корректнее сказать flash of incorrectly styled content, хаха
МТ
Eugene Ilyin
.theme-red, .theme-blue, .theme-green-dence, .theme-red-dence-rounded и еще где-то с триллион вариантов
Так и живем
МТ
Видели бы сколько css переменных в либах компонентных
AP
вы можете не на боди эти проперти ставить, а на свелт рут, если кроме свелт рута ничего нет. и ставить их можно через
<div style="—primary-color: {color}"> и это будет работать на ссрEI
Марк Танащук
Так и живем
Весь триллион вариантов пихаете в css? ))
МТ
"...их тысячи..."
МТ
Eugene Ilyin
Весь триллион вариантов пихаете в css? ))
У вас триллион?
DK
вы можете не на боди эти проперти ставить, а на свелт рут, если кроме свелт рута ничего нет. и ставить их можно через
<div style="—primary-color: {color}"> и это будет работать на ссрТок это не будет работать с понифилом.
EI
вы можете не на боди эти проперти ставить, а на свелт рут, если кроме свелт рута ничего нет. и ставить их можно через
<div style="—primary-color: {color}"> и это будет работать на сср<div style="—primary-color: {color}"> нельзя, так как это превратить style всех компоеннт всех их кусков в трэш и угар а не версткуAP
Eugene Ilyin
<div style="—primary-color: {color}"> нельзя, так как это превратить style всех компоеннт всех их кусков в трэш и угар а не версткуДА ТОЛЬКО ОДНОГО КОМПОНЕНТА, рута
AP
извините за капс =)
МТ
Марк Танащук
У вас триллион?
Для библиотеки компонентов это и может быть правдой. Потому что на то её и используют чтобы в config.js вписать изменные значения для определенных тем и оставшееся использовать.
А для обычного сайта не составляет проблем написать пару десятков свойств
А для обычного сайта не составляет проблем написать пару десятков свойств
EI
извините за капс =)
А... Прочитал с третьего раза ))
МТ
Eugene Ilyin
<div style="—primary-color: {color}"> нельзя, так как это превратить style всех компоеннт всех их кусков в трэш и угар а не версткуbody[dark-theme="true"]
DK
Eugene Ilyin
Да и вытащить все критические стили в заголовок
Стили у вас уже вытащены. Вы ж их никуда не деваете особо.
Вам осталось сделать так, чтобы не было сперва рендеринга дефолтной темы, а потом уже юзерской. Тут всё зависит от того, где вы храните её. Если на беке, то надо что-то придумывать на уровне SSR. Если на клиенте, то можно в шаблон прямо скрипт-тег зафигачить, который цвета поставит. Тогда флэша не будет.
Вам осталось сделать так, чтобы не было сперва рендеринга дефолтной темы, а потом уже юзерской. Тут всё зависит от того, где вы храните её. Если на беке, то надо что-то придумывать на уровне SSR. Если на клиенте, то можно в шаблон прямо скрипт-тег зафигачить, который цвета поставит. Тогда флэша не будет.
AP
свойства наследуются, их вешают на самую верхнюю ноду и дети их получают