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

Question

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

цветовую схему приложения по кнопке? У меня стоит Angular material. У меня получилось менять цветовую схему, но только для элементов Angular Material через добавлении темной темы по руководству Angular Material, а вот как добавить другие цвета и на элементы которые к Material не имеют отношения я пока не знаю. Пока что придумал через css переменные менять добавляя кастомный атрибут theme-color = dark или light в тег body. Через Render2 получая тег body. Но может это вообще не очень нормальная идея и у кого-нить есть опыт как это делать более рационально?

#angular #frontend #javascript #programming #russian

0

14.06.2023

10 ответов

21 просмотр

Konstantin Автор вопроса

Sergei Sergeevich
для этого можно использовать css переменные, опред...

правильно ли я понимаю что под "контекстом темы" вы имеете ввиду Angular Material тему? Или что то иное?

0

14.06.2023

Sergei Sergeevich

Konstantin
правильно ли я понимаю что под "контекстом темы" в...

Ее самую, которая распространяется как правило за каким то с цсс селектором, например body.dark-theme

0

14.06.2023

Sergei Sergeevich

Sergei Sergeevich
Ее самую, которая распространяется как правило за ...

и получается что то типа ``` body.theme-dark { @include mat.all-component-colors($dark-theme); --color-fg-text: #FFF; ... } ```

0

14.06.2023

Konstantin Автор вопроса

Sergei Sergeevich
Ее самую, которая распространяется как правило за ...

Вот так пока сделал, но правильно типо того? только с css переменными, да?

0

14.06.2023

Sergei Sergeevich

Konstantin
Вот так пока сделал, но правильно типо того? тольк...

так лучше не делать/ используйте css переменные и при описании темы переопределяйте их значения

0

14.06.2023

Konstantin Автор вопроса

Sergei Sergeevich
так лучше не делать/ используйте css переменные и ...

Ок, спасибо за направление в нужную сторону)

0

14.06.2023

Sergei Sergeevich

Konstantin
Вот так пока сделал, но правильно типо того? тольк...

mat.core-theme применяется только один раз/ внтури темной темы ножно использовать mat.all-component-colors($dark-theme);

0

14.06.2023

Konstantin Автор вопроса

Sergei Sergeevich
mat.core-theme применяется только один раз/ внтури...

Ок, а еще вопрос, а где вы нашли эту информацию, я просто руководство перечитал, но не нашел. Как вы вообще находите если не секрет, это в доке по ангуляр материал или где в другом месте?

0

14.06.2023

Sergei Sergeevich

Konstantin
Ок, а еще вопрос, а где вы нашли эту информацию, я...

помоему ангуляр сам а консоль пишет что так делать ненадо

0

14.06.2023