John Cowen e6a084807b
ui: Enable theming (#12134)
plus Themeable icons (#12135)
2022-01-21 12:19:03 +00:00

27 lines
633 B
SCSS

@import './base/color/ui/index';
@import './base/color/magenta/index';
@import './base/color/strawberry/index';
@import './base/color/vault/index';
:root:not(.prefers-color-scheme-dark) {
@extend %theme-light;
}
:root.prefers-color-scheme-dark {
@extend %theme-dark;
}
%main-header-horizontal,
%main-nav-vertical,
%main-nav-horizontal {
@extend %theme-dark;
}
%main-nav-horizontal .dangerous button:hover,
%main-nav-horizontal .dangerous button:focus {
color: rgb(var(--white)) !important;
}
%main-nav-vertical .menu-panel a:hover,
%main-nav-vertical .menu-panel a:focus {
background-color: rgb(var(--tone-blue-500));
}