38 lines
657 B
SCSS
38 lines
657 B
SCSS
/**
|
|
* Theme: default
|
|
*/
|
|
|
|
// Variables
|
|
@import "../variables";
|
|
@import "default/colors";
|
|
|
|
// Commons styles
|
|
@import "default/styles";
|
|
|
|
// Light theme (Default)
|
|
// Can be forced with data-theme="light"
|
|
@import "default/light";
|
|
|
|
// Dark theme (Auto)
|
|
// Automatically enabled if user has Dark mode enabled
|
|
@import "default/dark";
|
|
@media only screen and (prefers-color-scheme: dark) {
|
|
:root:not([data-theme]) {
|
|
@include dark;
|
|
}
|
|
}
|
|
|
|
// Dark theme (Forced)
|
|
// Enabled if forced with data-theme="dark"
|
|
[data-theme="dark"] {
|
|
@include dark;
|
|
}
|
|
|
|
// Accent-color
|
|
progress,
|
|
[type="checkbox"],
|
|
[type="radio"],
|
|
[type="range"] {
|
|
accent-color: var(--primary);
|
|
}
|