diff options
author | Volpeon <git@volpeon.ink> | 2025-07-27 10:29:26 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2025-07-27 10:29:26 +0200 |
commit | 890019c46bf9ae6bdd4d179c729a3ef6df929987 (patch) | |
tree | 4652ee25ae9b3a4b55c07232d7c057e6f73b6d55 /src | |
parent | Update (diff) | |
download | iro-design-890019c46bf9ae6bdd4d179c729a3ef6df929987.tar.gz iro-design-890019c46bf9ae6bdd4d179c729a3ef6df929987.tar.bz2 iro-design-890019c46bf9ae6bdd4d179c729a3ef6df929987.zip |
Add explicit dark theme
Diffstat (limited to 'src')
-rw-r--r-- | src/_core.scss | 7 | ||||
-rw-r--r-- | src/_props.scss | 5 |
2 files changed, 12 insertions, 0 deletions
diff --git a/src/_core.scss b/src/_core.scss index 7b7a384..7c37518 100644 --- a/src/_core.scss +++ b/src/_core.scss | |||
@@ -20,6 +20,13 @@ | |||
20 | } | 20 | } |
21 | } | 21 | } |
22 | } | 22 | } |
23 | |||
24 | @if map.has-key($theme, 'dark') { | ||
25 | @include bem.theme('dark') { | ||
26 | @include props.materialize(map.values(meta.module-variables('vars'))); | ||
27 | @include props.materialize(map.get($theme, 'dark')); | ||
28 | } | ||
29 | } | ||
23 | } @else { | 30 | } @else { |
24 | @include bem.theme(string.slice($theme-name, 3)) { | 31 | @include bem.theme(string.slice($theme-name, 3)) { |
25 | @include props.materialize(map.get($theme, 'light')); | 32 | @include props.materialize(map.get($theme, 'light')); |
diff --git a/src/_props.scss b/src/_props.scss index ffba054..138b564 100644 --- a/src/_props.scss +++ b/src/_props.scss | |||
@@ -27,6 +27,11 @@ | |||
27 | } | 27 | } |
28 | } | 28 | } |
29 | 29 | ||
30 | @include bem.theme('dark') { | ||
31 | @include props.materialize($ref, 'color'); | ||
32 | @include props.materialize($ref, 'dark'); | ||
33 | } | ||
34 | |||
30 | @each $theme-name in map.keys(config.$themes) { | 35 | @each $theme-name in map.keys(config.$themes) { |
31 | @if $theme-name != config.$theme-default { | 36 | @if $theme-name != config.$theme-default { |
32 | @include bem.theme(string.slice($theme-name, 3)) { | 37 | @include bem.theme(string.slice($theme-name, 3)) { |