mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-28 12:24:23 +00:00
36 lines
686 B
SCSS
36 lines
686 B
SCSS
|
/* Bulma Themes */
|
||
|
|
@charset "utf-8";
|
||
|
|
|
||
|
|
@use "../utilities/css-variables" as cv;
|
||
|
|
|
||
|
|
@use "light";
|
||
|
|
@use "dark";
|
||
|
|
@use "setup";
|
||
|
|
|
||
|
|
:root {
|
||
|
|
@include light.light-theme;
|
||
|
|
@include setup.setup-theme;
|
||
|
|
}
|
||
|
|
|
||
|
|
// prefers-color-scheme: light
|
||
|
|
@include cv.system-theme($name: "light") {
|
||
|
|
@include light.light-theme;
|
||
|
|
}
|
||
|
|
|
||
|
|
// prefers-color-scheme: dark
|
||
|
|
@include cv.system-theme($name: "dark") {
|
||
|
|
@include dark.dark-theme;
|
||
|
|
}
|
||
|
|
|
||
|
|
// :root, [data-theme=light], .theme-light
|
||
|
|
@include cv.bulma-theme($name: "light") {
|
||
|
|
@include light.light-theme;
|
||
|
|
@include setup.setup-theme;
|
||
|
|
}
|
||
|
|
|
||
|
|
// [data-theme=dark], .theme-dark
|
||
|
|
@include cv.bulma-theme($name: "dark") {
|
||
|
|
@include dark.dark-theme;
|
||
|
|
@include setup.setup-theme;
|
||
|
|
}
|