Я пытаюсь понять, как создать класс .s css, который будет хранить и обновлять некоторые глобальные цвета темы в зависимости от того, когда пользователь меняет темы. Это в Angular 9.
@each $skin,
$data in $skins {
$skin-mask-slight-color: map-get($data, skin-mask-slight);
$skin-text-color: map-get($data, skin-text);
$skin-navbar-color: map-get($data, skin-navbar);
$skin-gradient-start-color: map-get($data, skin-gradient-start);
$skin-gradient-end-color: map-get($data, skin-gradient-end);
$skin-primary-color: map-get($data, skin-btn-primary);
$skin-secondary-color: map-get($data, skin-btn-secondary);
$skin-default-color: map-get($data, skin-btn-default);
.#{$skin}-skin {
// store and update the above variables based on selected theme
}
}
Я хочу иметь доступ к текущему значению объявленных переменных в любом другом классе .s css.
Есть ли способ выполнить sh это?