169 похожих чатов

Подскажите как лучше организовать поддержку тем? Что бы стили можно

было ещё в реал-тайме переключать?

16 ответов

14 просмотров

Стор или стор внутри контекста, в зависимости от задачи

Вадим-К Автор вопроса
Вадим К
что бы потом использовать css variables?

Это уж как реализуешь) главное это тему реактивно переключить и дальше от неё завязать стили по всему приложению

Вадим-К Автор вопроса
Pavel 🦇 Malyshev
Это уж как реализуешь) главное это тему реактивно ...

пасиб, но чёт это как то геморно, прыгать по компонентам, что бы отверстать страницу) моей лени нет предела)

Вадим К
пасиб, но чёт это как то геморно, прыгать по компо...

Я решил этот вопрос так, написал два css файла с соответвующими кастомными свойствами и компоненте переключателе вставляю соответствующий css файл в svelte:head

Eric Rovell
Я решил этот вопрос так, написал два css файла с с...

Все работает прекрасно. Во всех компонентах просто использую эти свойства

Вадим-К Автор вопроса
Eric Rovell
Я решил этот вопрос так, написал два css файла с с...

я так и хочу, но сначала хочу услышать мнение сообщества “как лучше/правильнее/быстрее” плюсы минусы, подводные камни

Вадим К
я так и хочу, но сначала хочу услышать мнение сооб...

Не скажу, что я эксперт в этом вопросе, но, изучив несколько решений, пришел к тому, что смена файла с кастомными свойствами проще и производительнее. Единственное, что будет сложно в реализации этого подхода - правильно расписать свойства. Например, оттенки серого для светлой и темной темы должны идти в противоположных направлениях.

Вадим-К Автор вопроса
Eric Rovell
Не скажу, что я эксперт в этом вопросе, но, изучив...

в любом случае спасибо, я решил так и делать

Eric Rovell
Не скажу, что я эксперт в этом вопросе, но, изучив...

Файл требует загрузки как минимум... но это до 1 кеша, канеш… Я решал внутри global.css через классы для рутовых правил: body.dark { —color: white; } body.light { —color: black: } $: $dark ? (document.body.className = 'dark') : (document.body.className = 'light') ☝️🏻через стор соот - тк стейт глобальный (тут ещё быстрее будет в хелпер вынести доступ к нативной функции) const changeColorTheme = (class) => document.body.className = class в таком решении можно ещё анимашку прикрутить в том же global.css: transition: color var(--duration) var(--timing) И синхронить её через js с помощью переменных, если надо...

Valexr
Файл требует загрузки как минимум... но это до 1 к...

Да, тоже хороший вариант :) ещё делал почти такое в реакт, только менял атрибут data-theme у body. В остальном, точь в точь)

Eric Rovell
Да, тоже хороший вариант :) ещё делал почти такое ...

С наличием css переменных думаю нет необходимости вязаться к доп атрибутам... имхо ищу всегда максимально нативно короткий путь к браузеру 😉

Valexr
С наличием css переменных думаю нет необходимости ...

Почему же? Что-бы разграничить переменные по темам. Просто переключаю аттрибут и переменные автоматически сменяются на соответствующие.

Eric Rovell
Почему же? Что-бы разграничить переменные по темам...

Вариант жизненный, не спорю👌🏻прост у меня js ток класс меняет, все остальное css делает.

Valexr
Вариант жизненный, не спорю👌🏻прост у меня js ток к...

У наc похожий способ. Просто "ёмкость" хранения переменных разная :)

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Мужики. привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных элементов...
Kraszx
2
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Всем привет! Кто пользуется DevExpress, подскажите пожалуйста, реализован ли в TcxGrid в новых версиях поиск по датам как в Экселе (ну т.е. не просто список чекбоксов со значе...
A Z
4
Карта сайта