Блог

Здравствуйте,

Я обращаюсь к вам, потому что я прочитал много руководств и тем по моей теме, но я не понимаю…

Контекст :

Я использую angular для проекта, и я определил каждый элемент по своему вкусу в theming.css . Просматривая его, мне удалось понять, как изменять элементы:

1. Создайте мой правильный цвет

   в $mat-light-theme-background: ( наведите курсор: белый, );

то же самое для темной темы

 in $mat-dark-theme-background: (
    hover: black,
);
 

2. Создание миксинов (пример) и добавление цветов в мои миксины

   mixin item($config-or-theme) { $config: mat-get-color-config($config-or-theme); $background: map-get($config, background); $foreground: map-get($config, foreground); .item:hover { background: mat-color($background, "hover"); } }

3. Примените микшины

   @include itemGroup($theme-or-color-config);

И благодаря этому методу я действительно мог все модулировать.

За исключением того, что это использование является нетрадиционным, и при каждой установке npm оно сбрасывалось на ноль.

Я прочитал много статей по этим темам, но я не понимаю, как их использовать, и у меня такая же модульность (доступ к любому тегу, например: hover и т.д.).

Не могли бы вы подсказать поиск, чтобы решить мою проблему, и использовать good way для разработки angular?

Спасибо, что нашли время прочитать мой вопрос,

Желаю вам отличного дня. Искренне ваш, Almaniac

Редактировать 1: я использовал mat-light-theme background amp; foreground. Я переделал их и реализовал в theme.scss. Я могу использовать белую тему, но не темную. Мне удалось добиться прогресса благодаря учебному пособию create-wonky-theme

Редактировать 2 :

Меня действительно интересует Angular. На данный момент я нахожу только одно решение своей проблемы: в каждом компоненте проверяю значение темы, которую я получаю с подпиской, и отображаю визуальное изображение в соответствии с полученным значением.

Но этот метод меня раздражает, я бы очень хотел сделать ту же схему, что и theming.scss. В theming вы можете определить каждый элемент с помощью mixins, что обеспечивает универсальность, не имеющую себе равных. Это эффект, который я хотел бы воспроизвести, с цветовой системой: $mat-light-theme-background, $ mat-light-theme-foreground.

Это не должно быть так сложно, поскольку _theming импортируется в theme.scss, я должен пропустить некоторые вещи, но я должен быть рядом.

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