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 | |
| parent | Update (diff) | |
| download | iro-design-890019c46bf9ae6bdd4d179c729a3ef6df929987.tar.gz iro-design-890019c46bf9ae6bdd4d179c729a3ef6df929987.tar.bz2 iro-design-890019c46bf9ae6bdd4d179c729a3ef6df929987.zip | |
Add explicit dark theme
| -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)) { |
