diff options
Diffstat (limited to 'app/assets/stylesheets/themes/default.scss')
-rw-r--r-- | app/assets/stylesheets/themes/default.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/app/assets/stylesheets/themes/default.scss b/app/assets/stylesheets/themes/default.scss new file mode 100644 index 0000000..c96b7e7 --- /dev/null +++ b/app/assets/stylesheets/themes/default.scss @@ -0,0 +1,37 @@ +/** + * 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); +} |