diff options
author | Volpeon <git@volpeon.ink> | 2024-06-22 19:30:00 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-06-22 19:30:00 +0200 |
commit | 6b0fcac695aa7a5517f6f53cec50da493acc4582 (patch) | |
tree | 05b1ec4bfd484c75f1ee82f06f674aba69ad1408 /src/_config.scss | |
parent | WIP: Refactoring (diff) | |
download | iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.gz iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.bz2 iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.zip |
Update
Diffstat (limited to 'src/_config.scss')
-rw-r--r-- | src/_config.scss | 110 |
1 files changed, 76 insertions, 34 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, |
80 | 108 | --negative: --red, | |
81 | --bg-l2: --base --50, | 109 | --warning: --yellow, |
82 | --bg-l1: --base --100, | 110 | |
83 | --bg-base: --base --200, | 111 | --accent-static: --blue-static, |
84 | 112 | --positive-static: --green-static, | |
85 | --border-mute: --base --200, | 113 | --negative-static: --red-static, |
86 | --border: --base --300, | 114 | --warning-static: --yellow-static, |
87 | --border-strong: --base --400, | 115 | |
88 | 116 | --bg-l2: --base --50, | |
89 | --text-disabled: --base --500, | 117 | --bg-l1: --base --100, |
90 | --text-mute-more: --base --600, | 118 | --bg-base: --base --200, |
91 | --text-mute: --base --700, | 119 | |
92 | --text: --base --800, | 120 | --border-mute: --base --200, |
93 | --heading: --base --900, | 121 | --border: --base --300, |
122 | --border-strong: --base --400, | ||
123 | |||
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, | 186 | |
152 | --bg-l2: --base --100, | 187 | --accent-static: --blue-static, |
153 | 188 | --positive-static: --green-static, | |
154 | --border-mute: --base --200, | 189 | --negative-static: --red-static, |
155 | --border: --base --300, | 190 | --warning-static: --yellow-static, |
156 | --border-strong: --base --400, | 191 | |
157 | 192 | --bg-base: --base --50, | |
158 | --text-disabled: --base --500, | 193 | --bg-l1: --base --75, |
159 | --text-mute-more: --base --600, | 194 | --bg-l2: --base --100, |
160 | --text-mute: --base --700, | 195 | |
161 | --text: --base --800, | 196 | --border-mute: --base --200, |
162 | --heading: --base --900, | 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 | ||