open-consul/ui/packages/consul-ui/app/styles/themes.scss

27 lines
633 B
SCSS
Raw Normal View History

@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));
}