diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-16 09:04:19 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-16 09:04:19 +0200 |
| commit | 5b844ed97115823d16c7894d9f956c7125d3d7b3 (patch) | |
| tree | 81236a2b8b669896d1b3e47b849f3f530f72145e /src | |
| parent | declare-vars -> vars (diff) | |
| download | iro-design-5b844ed97115823d16c7894d9f956c7125d3d7b3.tar.gz iro-design-5b844ed97115823d16c7894d9f956c7125d3d7b3.tar.bz2 iro-design-5b844ed97115823d16c7894d9f956c7125d3d7b3.zip | |
Enable config override
Diffstat (limited to 'src')
| -rw-r--r-- | src/_config.scss | 29 |
1 files changed, 17 insertions, 12 deletions
diff --git a/src/_config.scss b/src/_config.scss index 8ed8162..6725448 100644 --- a/src/_config.scss +++ b/src/_config.scss | |||
| @@ -28,7 +28,8 @@ $palette-precision: .01 !default; | |||
| 28 | 28 | ||
| 29 | $palette-chroma-easing: 'ease' !default; | 29 | $palette-chroma-easing: 'ease' !default; |
| 30 | 30 | ||
| 31 | $static-colors: ( | 31 | $static-colors-override: () !default; |
| 32 | $static-colors: map.deep-merge(( | ||
| 32 | --base: hsl(0, 0%, 98%), | 33 | --base: hsl(0, 0%, 98%), |
| 33 | 34 | ||
| 34 | --contrasts: ( | 35 | --contrasts: ( |
| @@ -66,9 +67,10 @@ $static-colors: ( | |||
| 66 | --800: .9, | 67 | --800: .9, |
| 67 | --900: 1, | 68 | --900: 1, |
| 68 | ), | 69 | ), |
| 69 | ) !default; | 70 | ), $static-colors-override); |
| 70 | 71 | ||
| 71 | $semantic-colors-common: ( | 72 | $semantic-colors-common-override: () !default; |
| 73 | $semantic-colors-common: map.deep-merge(( | ||
| 72 | --accent: --blue, | 74 | --accent: --blue, |
| 73 | --accent-static: --blue-static, | 75 | --accent-static: --blue-static, |
| 74 | --positive: --green, | 76 | --positive: --green, |
| @@ -99,9 +101,10 @@ $semantic-colors-common: ( | |||
| 99 | --border-strong: --focus-raw --1100, | 101 | --border-strong: --focus-raw --1100, |
| 100 | --text: --focus-raw --1100, | 102 | --text: --focus-raw --1100, |
| 101 | ), | 103 | ), |
| 102 | ) !default; | 104 | ), $semantic-colors-common-override); |
| 103 | 105 | ||
| 104 | $theme-light: ( | 106 | $theme-light-override: () !default; |
| 107 | $theme-light: map.deep-merge(( | ||
| 105 | --contrasts: ( | 108 | --contrasts: ( |
| 106 | --grays: ( | 109 | --grays: ( |
| 107 | --50: -8, | 110 | --50: -8, |
| @@ -159,9 +162,10 @@ $theme-light: ( | |||
| 159 | --constants: ( | 162 | --constants: ( |
| 160 | --shadow: rgba(#000, .15), | 163 | --shadow: rgba(#000, .15), |
| 161 | ), | 164 | ), |
| 162 | ) !default; | 165 | ), $theme-light-override); |
| 163 | 166 | ||
| 164 | $theme-dark: ( | 167 | $theme-dark-override: () !default; |
| 168 | $theme-dark: map.deep-merge(( | ||
| 165 | --contrasts: ( | 169 | --contrasts: ( |
| 166 | --grays: ( | 170 | --grays: ( |
| 167 | --50: 4.4, | 171 | --50: 4.4, |
| @@ -197,12 +201,12 @@ $theme-dark: ( | |||
| 197 | ), | 201 | ), |
| 198 | 202 | ||
| 199 | --ranges: ( | 203 | --ranges: ( |
| 200 | --full: .5, | 204 | --full: 1, |
| 201 | --muted: .3, | 205 | --muted: .3, |
| 202 | ), | 206 | ), |
| 203 | 207 | ||
| 204 | --palettes: ( | 208 | --palettes: ( |
| 205 | --base: hsl(257, 13%, 19.5%) --grays --full, | 209 | --base: hsl(257, 7%, 19%) --grays --full, |
| 206 | --blue: oklch(56% .16 265.25) --colors --muted, | 210 | --blue: oklch(56% .16 265.25) --colors --muted, |
| 207 | --purple: oklch(56% .16 305.58) --colors --muted, | 211 | --purple: oklch(56% .16 305.58) --colors --muted, |
| 208 | --red: oklch(56% .16 18.69) --colors --muted, | 212 | --red: oklch(56% .16 18.69) --colors --muted, |
| @@ -219,11 +223,12 @@ $theme-dark: ( | |||
| 219 | --constants: ( | 223 | --constants: ( |
| 220 | --shadow: rgba(#000, .5), | 224 | --shadow: rgba(#000, .5), |
| 221 | ), | 225 | ), |
| 222 | ) !default; | 226 | ), $theme-dark-override); |
| 223 | 227 | ||
| 224 | $themes: ( | 228 | $themes-override: () !default; |
| 229 | $themes: map.deep-merge(( | ||
| 225 | light: $theme-light, | 230 | light: $theme-light, |
| 226 | dark: $theme-dark, | 231 | dark: $theme-dark, |
| 227 | ) !default; | 232 | ), $themes-override); |
| 228 | 233 | ||
| 229 | $theme-default: list.nth(map.keys($themes), 1) !default; | 234 | $theme-default: list.nth(map.keys($themes), 1) !default; |
