summaryrefslogtreecommitdiffstats
path: root/src/_config.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_config.scss')
-rw-r--r--src/_config.scss80
1 files changed, 44 insertions, 36 deletions
diff --git a/src/_config.scss b/src/_config.scss
index da97476..56a74e1 100644
--- a/src/_config.scss
+++ b/src/_config.scss
@@ -69,6 +69,39 @@ $static-colors: (
69 ), 69 ),
70) !default; 70) !default;
71 71
72$semantic-colors-common: (
73 --accent: --blue,
74 --accent-static: --blue-static,
75 --positive: --green,
76 --positive-static: --green-static,
77 --negative: --red,
78 --negative-static: --red-static,
79 --warning: --yellow,
80 --warning-static: --yellow-static,
81
82 --focus-raw: --accent,
83 --focus-static: --accent-static,
84
85 --border-mute: --base --200,
86 --border: --base --300,
87 --border-strong: --base --400,
88
89 --text-disabled: --base --500,
90 --text-mute-more: --base --600,
91 --text-mute: --base --700,
92 --text: --base --800,
93 --heading: --base --900,
94
95 --focus: (
96 --outline: --focus-raw --400,
97 --border-mute: --focus-raw --900,
98 --border: --focus-raw --1000,
99 --border-text: --focus-raw --1000-text,
100 --border-strong: --focus-raw --1100,
101 --text: --focus-raw --1100,
102 ),
103) !default;
104
72$theme-light: ( 105$theme-light: (
73 --contrasts: ( 106 --contrasts: (
74 --grays: ( 107 --grays: (
@@ -117,6 +150,12 @@ $theme-light: (
117 --green: oklch(56% 0.16 150.48) --colors --muted, 150 --green: oklch(56% 0.16 150.48) --colors --muted,
118 --yellow: oklch(56% 0.16 84.08) --colors --muted, 151 --yellow: oklch(56% 0.16 84.08) --colors --muted,
119 ), 152 ),
153
154 --semantic: map.merge($semantic-colors-common, (
155 --bg-l2: --base --50,
156 --bg-l1: --base --100,
157 --bg-base: --base --200,
158 )),
120) !default; 159) !default;
121 160
122$theme-dark: ( 161$theme-dark: (
@@ -167,43 +206,12 @@ $theme-dark: (
167 --green: oklch(56% 0.16 150.48) --colors --muted, 206 --green: oklch(56% 0.16 150.48) --colors --muted,
168 --yellow: oklch(56% 0.16 84.08) --colors --muted, 207 --yellow: oklch(56% 0.16 84.08) --colors --muted,
169 ), 208 ),
170) !default;
171
172$semantic-colors: (
173 --accent: --blue,
174 --accent-static: --blue-static,
175 --positive: --green,
176 --positive-static: --green-static,
177 --negative: --red,
178 --negative-static: --red-static,
179 --warning: --yellow,
180 --warning-static: --yellow-static,
181
182 --focus-raw: --accent,
183 --focus-static: --accent-static,
184
185 --bg-l2: --base --50,
186 --bg-l1: --base --100,
187 --bg-base: --base --200,
188
189 --border-mute: --base --200,
190 --border: --base --300,
191 --border-strong: --base --400,
192
193 --text-disabled: --base --500,
194 --text-mute-more: --base --600,
195 --text-mute: --base --700,
196 --text: --base --800,
197 --heading: --base --900,
198 209
199 --focus: ( 210 --semantic: map.merge($semantic-colors-common, (
200 --outline: --focus-raw --400, 211 --bg-base: --base --50,
201 --border-mute: --focus-raw --900, 212 --bg-l1: --base --75,
202 --border: --focus-raw --1000, 213 --bg-l2: --base --100,
203 --border-text: --focus-raw --1000-text, 214 )),
204 --border-strong: --focus-raw --1100,
205 --text: --focus-raw --1100,
206 ),
207) !default; 215) !default;
208 216
209$themes: ( 217$themes: (