Привет всем, подскажите, пожалуйста, как я могу реактивно менять тему

Question

Привет всем, подскажите, пожалуйста, как я могу реактивно менять тему

с белой на темную и наоборот? Дело в том, когда по дефолту грузится белая тема и я ее меняю на темную, то она меняется без перезагрузки страницы, а чтобы обратно сменить на белую нужно использовать this.$router.go(), но это перезагружает страницу. Пробовал использовать watchEffect, но это ломает много чего, например aos анимации. Заранее спасибо за ваши подсказки.

#frontend #javascript #programming #russian #vue.js

0

12.03.2022

10 ответов

13 просмотров

¿Сергей?

В идеале применить какой-то другой подход к изменении темы

0

12.03.2022

Arthur Zhadan Автор вопроса

Ратмир Диронин
Надо удалять блок с импортированными стилями, тогд...

А разве scss не перекрывает старые переменные? Темная тема же как - то применяется рекативно поверх белой, которая уже загружена.

0

12.03.2022

Ратмир Диронин

Arthur Zhadan
А разве scss не перекрывает старые переменные? Тем...

Ты 1 раз импортировал, а значит второй раз оно уже не импортируется

0

12.03.2022

Ратмир Диронин

Да, поддерживаю. Но не всегда это удобно, однако

0

12.03.2022

Ратмир Диронин

Arthur Zhadan
А разве scss не перекрывает старые переменные? Тем...

Попробуй сделать что-то вроде нового блока style с id и каждый раз его удалять

0

12.03.2022

Arthur Zhadan Автор вопроса

Ратмир Диронин
Надо удалять блок с импортированными стилями, тогд...

У меня класс с темой это _variables из bootstrap. Я пробовал перебирать дум дерево и менять классы, например bg-light на bg-dark, но это создало много других проблем. Да и классы подобные не во всем проекте указаны. Я еще думал грузить css в head через appendChild, но когда вписывал в href путь к стилям, то он их не видел, только ссылки из веба. Пробовал style-loader использовать use и unuse это просто сломало все анимации в проекте и много чего еще. Поэтому я уже начал деалть через scss, думаю что произойдет полиморфизм) Говорят что в storybook есть какой - то theme switcher. Слышал кто?

0

12.03.2022

Ратмир Диронин

Arthur Zhadan
У меня класс с темой это _variables из bootstrap. ...

Глупо делаешь с самого начала. Тебе же говорят, юзай главный класс в body и от него пляши

0

12.03.2022

Arthur Zhadan Автор вопроса

@etchteam/storybook-addon-css-variables-theme

0

12.03.2022

Ратмир Диронин