when the user prefers light themes.
@media (prefers-color-scheme: light) {
// Use the -color mixins to only apply color styles without reapplying the same
// typography and density styles.
@include mat.core-color($light-theme);
@include mat.button-color($light-theme);
}
Это код из доки матириала.
Не пойму как мне сделать переключатель тем. В тырнэтах по этому толком ничего нет для 16 версии. Есть более старые реализации.
@media (prefers-color-scheme: light) не могу понять как пользовать этот код.
Надо сделать переключалку тем(dark/light). Сделал через классы, но не получил того же эффекта, что в доке самого матириала.
Я так понимаю, что мне нужно:
- импортировать нужные мне pre-built темы в angular.json файле,
- на боди навесить нужные классы для изменения цветовой схемы,
- прикрутить слайдер,
Не понимаю:
- как мне использовать этот медиа-квери и его флаг prefers-color-scheme: light для переключения
Сталкивался кто? Подскажите хотя бы в каком направлении копать
На главный див тему повесьте и меняйте нездоровье
Сорри, не понимаю. Мне несколько таких медиа сделать (понятно) А потом импорт как мне к ним обратиться в другом месте? (Не понимаю)
Обсуждают сегодня