diff options
-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; |