Skip to content

Commit 4859c48

Browse files
authored
Adjust decorative weak on dark theme (#60)
* Adjust zinc 900 and text * Adjust decorative weak on dark theme * Update output configs --------- Co-authored-by: johanekhager <johanekhager@users.noreply.github.com>
1 parent ddfcb2a commit 4859c48

16 files changed

Lines changed: 307 additions & 308 deletions

color-comparison.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -535,4 +535,3 @@ <h1>Color Comparison: Hex → OKLCH</h1>
535535
</script>
536536
</body>
537537
</html>
538-

dist/output/colors.spectrum.react.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use strict";
22
/**
33
* Do not edit directly
4-
* Generated on Tue, 23 Dec 2025 12:17:28 GMT
4+
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"black": "#000",
@@ -21,7 +21,7 @@ module.exports = /** @type {const} */ {
2121
"700": "#3f3f46",
2222
"750": "#34353a",
2323
"800": "#27272a",
24-
"900": "#18181b",
24+
"900": "#1c1c1e",
2525
"1000": "#0f0f10"
2626
},
2727
"pink": {

dist/output/colors.spectrum.tailwind.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use strict";
22
/**
33
* Do not edit directly
4-
* Generated on Tue, 23 Dec 2025 12:17:28 GMT
4+
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"black": "#000",
@@ -21,7 +21,7 @@ module.exports = /** @type {const} */ {
2121
"700": "oklch(37% 0.013 285.805)",
2222
"750": "oklch(33.0% 0.009 276.875)",
2323
"800": "oklch(27.4% 0.006 286.033)",
24-
"900": "oklch(21% 0.006 285.885)",
24+
"900": "oklch(22.7% 0.004 286.09)",
2525
"1000": "oklch(16.9% 0.002 286.177)"
2626
},
2727
"pink": {

dist/output/colors.theme.dark.react.js

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
"use strict";
22
/**
33
* Do not edit directly
4-
* Generated on Tue, 23 Dec 2025 12:17:28 GMT
4+
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"background": {
88
"mono": "#fff",
9-
"canvas": "#18181b",
9+
"canvas": "#1c1c1e",
1010
"neutral": {
1111
"default": "#27272a",
1212
"hover": "#34353a",
@@ -15,7 +15,7 @@ module.exports = /** @type {const} */ {
1515
"medium": "#3f3f46",
1616
"mediumHover": "#57595f",
1717
"strong": "#0f0f10",
18-
"strongHover": "#18181b"
18+
"strongHover": "#1c1c1e"
1919
},
2020
"success": {
2121
"default": "#0c310e",
@@ -38,7 +38,7 @@ module.exports = /** @type {const} */ {
3838
"strongHover": "#d7256d",
3939
"strongActive": "#8e104a",
4040
"strongDisabled": "rgba(244, 63, 133, 0.5)",
41-
"medium": "#18181b",
41+
"medium": "#1c1c1e",
4242
"mediumHover": "#27272a",
4343
"mediumActive": "#3f3f46",
4444
"weakHover": "#34353a",
@@ -53,109 +53,109 @@ module.exports = /** @type {const} */ {
5353
"decorative": {
5454
"amber": {
5555
"default": "#492009",
56-
"weak": "#7b3306",
56+
"weak": "#492009",
5757
"medium": "#e17100",
5858
"strong": "#e17100"
5959
},
6060
"orange": {
6161
"default": "#4c1b0b",
62-
"weak": "#7e2a0c",
62+
"weak": "#4c1b0b",
6363
"medium": "#f54900",
6464
"strong": "#f54900"
6565
},
6666
"lime": {
6767
"default": "#23350d",
68-
"weak": "#35530e",
68+
"weak": "#23350d",
6969
"medium": "#5ea500",
7070
"strong": "#5ea500"
7171
},
7272
"green": {
7373
"default": "#0c310e",
74-
"weak": "#145318",
74+
"weak": "#0c310e",
7575
"medium": "#17a31c",
7676
"strong": "#17a31c"
7777
},
7878
"emerald": {
7979
"default": "#042f24",
80-
"weak": "#004f3b",
80+
"weak": "#042f24",
8181
"medium": "#096",
8282
"strong": "#096"
8383
},
8484
"teal": {
8585
"default": "#0d312f",
86-
"weak": "#0b4f4a",
86+
"weak": "#0d312f",
8787
"medium": "#009689",
8888
"strong": "#009689"
8989
},
9090
"cyan": {
9191
"default": "#0f3543",
92-
"weak": "#104e64",
92+
"weak": "#0f3543",
9393
"medium": "#0092b8",
9494
"strong": "#0092b8"
9595
},
9696
"lightBlue": {
9797
"default": "#09354e",
98-
"weak": "#024a70",
98+
"weak": "#09354e",
9999
"medium": "#0084d1",
100100
"strong": "#0084d1"
101101
},
102102
"blue": {
103103
"default": "#132558",
104-
"weak": "#1c398e",
104+
"weak": "#132558",
105105
"medium": "#155dfc",
106106
"strong": "#155dfc"
107107
},
108108
"indigo": {
109109
"default": "#1f1d53",
110-
"weak": "#312c85",
110+
"weak": "#1f1d53",
111111
"medium": "#4f39f6",
112112
"strong": "#4f39f6"
113113
},
114114
"violet": {
115115
"default": "#30125e",
116-
"weak": "#4d179a",
116+
"weak": "#30125e",
117117
"medium": "#7f22fe",
118118
"strong": "#7f22fe"
119119
},
120120
"purple": {
121121
"default": "#371254",
122-
"weak": "#59168b",
122+
"weak": "#371254",
123123
"medium": "#9810fa",
124124
"strong": "#9810fa"
125125
},
126126
"fuchsia": {
127127
"default": "#48114b",
128-
"weak": "#721378",
128+
"weak": "#48114b",
129129
"medium": "#c800de",
130130
"strong": "#c800de"
131131
},
132132
"yellow": {
133133
"default": "#46270b",
134-
"weak": "#733e0a",
134+
"weak": "#46270b",
135135
"medium": "#d08700",
136136
"strong": "#d08700"
137137
},
138138
"zinc": {
139139
"default": "#27272a",
140-
"weak": "#27272a",
140+
"weak": "#0f0f10",
141141
"medium": "#57595f",
142142
"strong": "#57595f"
143143
},
144144
"cerise": {
145145
"default": "#490d25",
146-
"weak": "#861043",
146+
"weak": "#490d25",
147147
"medium": "#e60076",
148148
"strong": "#e60076"
149149
},
150150
"rose": {
151151
"default": "#43091b",
152-
"weak": "#8b0836",
152+
"weak": "#43091b",
153153
"medium": "#ec003f",
154154
"strong": "#ec003f"
155155
},
156156
"red": {
157157
"default": "#4f1212",
158-
"weak": "#82181a",
158+
"weak": "#4f1212",
159159
"medium": "#e7000b",
160160
"strong": "#e7000b"
161161
}
@@ -251,19 +251,19 @@ module.exports = /** @type {const} */ {
251251
},
252252
"text": {
253253
"neutral": {
254-
"default": "#f4f4f5",
254+
"default": "rgba(255, 255, 255, 0.93)",
255255
"weak": "#909095",
256256
"medium": "#b2b3b9"
257257
},
258258
"action": {
259259
"default": "#f43f85",
260260
"hover": "#d7256d",
261261
"active": "#d7256d",
262-
"weak": "#fff",
262+
"weak": "rgba(255, 255, 255, 0.93)",
263263
"weakActive": "#f43f85",
264-
"medium": "#fff",
264+
"medium": "rgba(255, 255, 255, 0.93)",
265265
"mediumActive": "#f43f85",
266-
"strong": "#fff"
266+
"strong": "rgba(255, 255, 255, 0.93)"
267267
},
268268
"success": {
269269
"default": "#fafafa"
@@ -286,109 +286,109 @@ module.exports = /** @type {const} */ {
286286
"decorative": {
287287
"amber": {
288288
"default": "#fffbeb",
289-
"weak": "#fffbeb",
289+
"weak": "#fee685",
290290
"medium": "#fff",
291291
"strong": "#fff"
292292
},
293293
"orange": {
294294
"default": "#fff7ed",
295-
"weak": "#fff7ed",
295+
"weak": "#ffd6a7",
296296
"medium": "#fff",
297297
"strong": "#fff"
298298
},
299299
"fuchsia": {
300300
"default": "#fdf4ff",
301-
"weak": "#fdf4ff",
301+
"weak": "#f6cfff",
302302
"medium": "#fff",
303303
"strong": "#fff"
304304
},
305305
"purple": {
306306
"default": "#faf5ff",
307-
"weak": "#faf5ff",
307+
"weak": "#e9d4ff",
308308
"medium": "#fff",
309309
"strong": "#fff"
310310
},
311311
"violet": {
312312
"default": "#f5f3ff",
313-
"weak": "#f5f3ff",
313+
"weak": "#ddd6ff",
314314
"medium": "#fff",
315315
"strong": "#fff"
316316
},
317317
"indigo": {
318318
"default": "#eef2ff",
319-
"weak": "#eef2ff",
319+
"weak": "#c6d2ff",
320320
"medium": "#fff",
321321
"strong": "#fff"
322322
},
323323
"blue": {
324324
"default": "#eff6ff",
325-
"weak": "#eff6ff",
325+
"weak": "#bedbff",
326326
"medium": "#fff",
327327
"strong": "#fff"
328328
},
329329
"lightBlue": {
330330
"default": "#f0f9ff",
331-
"weak": "#f0f9ff",
331+
"weak": "#b8e6fe",
332332
"medium": "#fff",
333333
"strong": "#fff"
334334
},
335335
"cyan": {
336336
"default": "#ecfeff",
337-
"weak": "#ecfeff",
337+
"weak": "#a4f3fc",
338338
"medium": "#fff",
339339
"strong": "#fff"
340340
},
341341
"teal": {
342342
"default": "#f0fdfa",
343-
"weak": "#f0fdfa",
343+
"weak": "#a1eedf",
344344
"medium": "#fff",
345345
"strong": "#fff"
346346
},
347347
"emerald": {
348348
"default": "#ecfdf5",
349-
"weak": "#ecfdf5",
349+
"weak": "#a4f4cf",
350350
"medium": "#fff",
351351
"strong": "#fff"
352352
},
353353
"green": {
354354
"default": "#f0fdf4",
355-
"weak": "#f0fdf4",
355+
"weak": "#bff3c0",
356356
"medium": "#fff",
357357
"strong": "#fff"
358358
},
359359
"lime": {
360360
"default": "#f7fee7",
361-
"weak": "#f7fee7",
361+
"weak": "#d8f999",
362362
"medium": "#fff",
363363
"strong": "#fff"
364364
},
365365
"cerise": {
366366
"default": "#fdf2f8",
367-
"weak": "#fdf2f8",
367+
"weak": "#fccee8",
368368
"medium": "#fff",
369369
"strong": "#fff"
370370
},
371371
"yellow": {
372372
"default": "#fefce8",
373-
"weak": "#fefce8",
373+
"weak": "#fff085",
374374
"medium": "#fff",
375375
"strong": "#fff"
376376
},
377377
"zinc": {
378378
"default": "#fafafa",
379-
"weak": "#fafafa",
379+
"weak": "#e4e4e7",
380380
"medium": "#fff",
381381
"strong": "#fff"
382382
},
383383
"rose": {
384384
"default": "#fff1f2",
385-
"weak": "#fff1f2",
385+
"weak": "#ffccd3",
386386
"medium": "#fff",
387387
"strong": "#fff"
388388
},
389389
"red": {
390390
"default": "#fef2f2",
391-
"weak": "#fef2f2",
391+
"weak": "#ffc9c9",
392392
"medium": "#fff",
393393
"strong": "#fff"
394394
}

dist/output/colors.theme.light.react.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use strict";
22
/**
33
* Do not edit directly
4-
* Generated on Tue, 23 Dec 2025 12:17:28 GMT
4+
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"background": {

dist/output/colors.theme.tailwind.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use strict";
22
/**
33
* Do not edit directly
4-
* Generated on Tue, 23 Dec 2025 12:17:28 GMT
4+
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"background": {

src/output/colors-spectrum.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
--color-zinc-700: oklch(37% 0.013 285.805);
1616
--color-zinc-750: oklch(33.0% 0.009 276.875);
1717
--color-zinc-800: oklch(27.4% 0.006 286.033);
18-
--color-zinc-900: oklch(21% 0.006 285.885);
18+
--color-zinc-900: oklch(22.7% 0.004 286.09);
1919
--color-zinc-1000: oklch(16.9% 0.002 286.177);
2020
--color-pink-50: oklch(97.1% 0.014 343.198);
2121
--color-pink-100: oklch(94.5% 0.031 354.723);

src/output/colors.spectrum.react.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* Do not edit directly
3-
* Generated on Tue, 23 Dec 2025 12:17:28 GMT
3+
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
44
*/
55

66
module.exports = /** @type {const} */ {
@@ -21,7 +21,7 @@ module.exports = /** @type {const} */ {
2121
"700": "#3f3f46",
2222
"750": "#34353a",
2323
"800": "#27272a",
24-
"900": "#18181b",
24+
"900": "#1c1c1e",
2525
"1000": "#0f0f10"
2626
},
2727
"pink": {

0 commit comments

Comments
 (0)