| 1 | /**
|
| 2 | * Theme: default
|
| 3 | */
|
| 4 |
|
| 5 | // Variables
|
| 6 | @import "../variables";
|
| 7 | @import "default/colors";
|
| 8 |
|
| 9 | // Commons styles
|
| 10 | @import "default/styles";
|
| 11 |
|
| 12 | // Light theme (Default)
|
| 13 | // Can be forced with data-theme="light"
|
| 14 | @import "default/light";
|
| 15 |
|
| 16 | // Dark theme (Auto)
|
| 17 | // Automatically enabled if user has Dark mode enabled
|
| 18 | @import "default/dark";
|
| 19 | @media only screen and (prefers-color-scheme: dark) {
|
| 20 | :root:not([data-theme="light"]) {
|
| 21 | @include dark;
|
| 22 | }
|
| 23 | }
|
| 24 |
|
| 25 | // Dark theme (Forced)
|
| 26 | // Enabled if forced with data-theme="dark"
|
| 27 | [data-theme="dark"] {
|
| 28 | @include dark;
|
| 29 | }
|