summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2025-07-27 11:51:37 +0200
committerVolpeon <git@volpeon.ink>2025-07-27 11:51:37 +0200
commitfe8b951c39a13e6bb83c7b46b4761c71761ff0d9 (patch)
treea3995d3a61338bba9799cb0cb26bc6e685d36b34 /src
parentAdd explicit dark theme (diff)
downloadiro-design-fe8b951c39a13e6bb83c7b46b4761c71761ff0d9.tar.gz
iro-design-fe8b951c39a13e6bb83c7b46b4761c71761ff0d9.tar.bz2
iro-design-fe8b951c39a13e6bb83c7b46b4761c71761ff0d9.zip
Add option for explicit dark theme
Diffstat (limited to 'src')
-rw-r--r--src/_config.scss2
-rw-r--r--src/_core.scss2
-rw-r--r--src/_props.scss8
3 files changed, 8 insertions, 4 deletions
diff --git a/src/_config.scss b/src/_config.scss
index 284d6e7..25c0adb 100644
--- a/src/_config.scss
+++ b/src/_config.scss
@@ -25,3 +25,5 @@ $themes: map.deep-merge((
25), $themes-override) !default; 25), $themes-override) !default;
26 26
27$theme-default: list.nth(map.keys($themes), 1) !default; 27$theme-default: list.nth(map.keys($themes), 1) !default;
28
29$explicit-dark-theme: false !default;
diff --git a/src/_core.scss b/src/_core.scss
index 7c37518..2eb04fc 100644
--- a/src/_core.scss
+++ b/src/_core.scss
@@ -21,7 +21,7 @@
21 } 21 }
22 } 22 }
23 23
24 @if map.has-key($theme, 'dark') { 24 @if map.has-key($theme, 'dark') and config.$explicit-dark-theme {
25 @include bem.theme('dark') { 25 @include bem.theme('dark') {
26 @include props.materialize(map.values(meta.module-variables('vars'))); 26 @include props.materialize(map.values(meta.module-variables('vars')));
27 @include props.materialize(map.get($theme, 'dark')); 27 @include props.materialize(map.get($theme, 'dark'));
diff --git a/src/_props.scss b/src/_props.scss
index 138b564..5590aed 100644
--- a/src/_props.scss
+++ b/src/_props.scss
@@ -27,9 +27,11 @@
27 } 27 }
28 } 28 }
29 29
30 @include bem.theme('dark') { 30 @if config.$explicit-dark-theme {
31 @include props.materialize($ref, 'color'); 31 @include bem.theme('dark') {
32 @include props.materialize($ref, 'dark'); 32 @include props.materialize($ref, 'color');
33 @include props.materialize($ref, 'dark');
34 }
33 } 35 }
34 36
35 @each $theme-name in map.keys(config.$themes) { 37 @each $theme-name in map.keys(config.$themes) {