summaryrefslogtreecommitdiffstats
path: root/src/_config.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_config.scss')
-rw-r--r--src/_config.scss102
1 files changed, 72 insertions, 30 deletions
diff --git a/src/_config.scss b/src/_config.scss
index be01a69..3cffbfd 100644
--- a/src/_config.scss
+++ b/src/_config.scss
@@ -25,6 +25,34 @@ res.$named-viewports: media.$breakpoints;
25 25
26$palette-precision: 5 !default; 26$palette-precision: 5 !default;
27 27
28$static-colors: (
29 --base: hsl(0, 0%, 97%),
30
31 --contrasts: (
32 --100: -1.08,
33 --200: -1.20,
34 --300: -1.33,
35 --400: -1.58,
36 --500: -1.92,
37 --600: -2.39,
38 --700: -3.01,
39 --800: -3.87,
40 --900: -5.07,
41 --1000: -6.72,
42 --1100: -8.84,
43 --1200: -11.31,
44 --1300: -13.94,
45 ),
46
47 --palettes: (
48 --blue: blend.lch(48% 50 279),
49 --purple: blend.lch(48% 50 308),
50 --red: blend.lch(48% 50 23),
51 --green: blend.lch(63% 50 147),
52 --yellow: blend.lch(68% 50 80),
53 ),
54) !default;
55
28$theme-light: ( 56$theme-light: (
29 --contrasts: ( 57 --contrasts: (
30 --grays: ( 58 --grays: (
@@ -74,23 +102,30 @@ $theme-light: (
74 --yellow: blend.lch(68% 50 80) --colors --muted, 102 --yellow: blend.lch(68% 50 80) --colors --muted,
75 ), 103 ),
76 104
77 --semantic-colors: ( 105 --semantic: (
78 --accent: --blue, 106 --accent: --blue,
79 --focus: --yellow-static, 107 --positive: --green,
108 --negative: --red,
109 --warning: --yellow,
80 110
81 --bg-l2: --base --50, 111 --accent-static: --blue-static,
82 --bg-l1: --base --100, 112 --positive-static: --green-static,
83 --bg-base: --base --200, 113 --negative-static: --red-static,
114 --warning-static: --yellow-static,
84 115
85 --border-mute: --base --200, 116 --bg-l2: --base --50,
86 --border: --base --300, 117 --bg-l1: --base --100,
87 --border-strong: --base --400, 118 --bg-base: --base --200,
88 119
89 --text-disabled: --base --500, 120 --border-mute: --base --200,
90 --text-mute-more: --base --600, 121 --border: --base --300,
91 --text-mute: --base --700, 122 --border-strong: --base --400,
92 --text: --base --800, 123
93 --heading: --base --900, 124 --text-disabled: --base --500,
125 --text-mute-more: --base --600,
126 --text-mute: --base --700,
127 --text: --base --800,
128 --heading: --base --900,
94 ), 129 ),
95) !default; 130) !default;
96 131
@@ -143,23 +178,30 @@ $theme-dark: (
143 --yellow: blend.lch(68% 50 80) --colors --muted, 178 --yellow: blend.lch(68% 50 80) --colors --muted,
144 ), 179 ),
145 180
146 --semantic-colors: ( 181 --semantic: (
147 --accent: --blue, 182 --accent: --blue,
148 --focus: --yellow-static, 183 --positive: --green,
149 184 --negative: --red,
150 --bg-base: --base --50, 185 --warning: --yellow,
151 --bg-l1: --base --75,
152 --bg-l2: --base --100,
153 186
154 --border-mute: --base --200, 187 --accent-static: --blue-static,
155 --border: --base --300, 188 --positive-static: --green-static,
156 --border-strong: --base --400, 189 --negative-static: --red-static,
190 --warning-static: --yellow-static,
157 191
158 --text-disabled: --base --500, 192 --bg-base: --base --50,
159 --text-mute-more: --base --600, 193 --bg-l1: --base --75,
160 --text-mute: --base --700, 194 --bg-l2: --base --100,
161 --text: --base --800, 195
162 --heading: --base --900, 196 --border-mute: --base --200,
197 --border: --base --300,
198 --border-strong: --base --400,
199
200 --text-disabled: --base --500,
201 --text-mute-more: --base --600,
202 --text-mute: --base --700,
203 --text: --base --800,
204 --heading: --base --900,
163 ), 205 ),
164) !default; 206) !default;
165 207