Skip to content

Commit ce87211

Browse files
johanekhagerjohanekhager
authored
Update Pink shades (#61)
* Update pink shades * Update output configs --------- Co-authored-by: johanekhager <johanekhager@users.noreply.github.com>
1 parent 86179ce commit ce87211

16 files changed

Lines changed: 136 additions & 136 deletions

‎color-comparison.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -186,24 +186,24 @@ <h1>Color Comparison: Hex → OKLCH</h1>
186186
'700': { hex: '#3f3f46', oklch: 'oklch(37% 0.013 285.805)' },
187187
'750': { hex: '#34353a', oklch: 'oklch(33.0% 0.009 276.875)' },
188188
'800': { hex: '#28282b', oklch: 'oklch(27.4% 0.006 286.033)' },
189-
'900': { hex: '#1C1C1E', oklch: 'oklch(21% 0.006 285.885)' },
189+
'900': { hex: '#1C1C1E', oklch: 'oklch(22.7% 0.004 286.09)' },
190190
'1000': { hex: '#0f0f10', oklch: 'oklch(16.9% 0.002 286.177)' }
191191
}
192192
},
193193
pink: {
194194
custom: true,
195195
shades: {
196-
'50': { hex: '#fff0f5', oklch: 'oklch(97.1% 0.014 343.198)' },
197-
'100': { hex: '#ffe5ee', oklch: 'oklch(94.5% 0.031 354.723)' },
198-
'200': { hex: '#ffc7db', oklch: 'oklch(88.5% 0.068 355.265)' },
199-
'300': { hex: '#ffa4c4', oklch: 'oklch(81.8% 0.114 357.260)' },
200-
'400': { hex: '#fd73a5', oklch: 'oklch(73.3% 0.175 359.570)' },
196+
'50': { hex: '#fff0f5', oklch: 'oklch(97% 0.013 2.378)' },
197+
'100': { hex: '#ffe5ee', oklch: 'oklch(94.6% 0.026 2.378)' },
198+
'200': { hex: '#ffc7db', oklch: 'oklch(89.7% 0.054 2.378)' },
199+
'300': { hex: '#ffa4c4', oklch: 'oklch(81.9% 0.108 2.378)' },
200+
'400': { hex: '#fd73a5', oklch: 'oklch(71.8% 0.181 2.378)' },
201201
'500': { hex: '#f43f85', oklch: 'oklch(65.4% 0.221 2.378)' },
202-
'600': { hex: '#d7256d', oklch: 'oklch(58.1% 0.214 3.500)' },
203-
'700': { hex: '#b5165b', oklch: 'oklch(50.7% 0.193 2.713)' },
204-
'800': { hex: '#8e104a', oklch: 'oklch(42.6% 0.162 0.587)' },
205-
'900': { hex: '#660e39', oklch: 'oklch(34.2% 0.125 357.168)' },
206-
'1000': { hex: '#3a0821', oklch: 'oklch(23.9% 0.082 354.750)' }
202+
'600': { hex: '#d7256d', oklch: 'oklch(59.2% 0.228 2.378)' },
203+
'700': { hex: '#b5165b', oklch: 'oklch(52.3% 0.202 2.378)' },
204+
'800': { hex: '#8e104a', oklch: 'oklch(45.9% 0.17 2.378)' },
205+
'900': { hex: '#660e39', oklch: 'oklch(41% 0.141 2.378)' },
206+
'1000': { hex: '#3a0821', oklch: 'oklch(28% 0.098 2.378)' }
207207
}
208208
},
209209
rose: {

‎dist/output/colors.spectrum.react.js‎

Lines changed: 11 additions & 11 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 Mon, 05 Jan 2026 13:32:54 GMT
4+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"black": "#000",
@@ -25,17 +25,17 @@ module.exports = /** @type {const} */ {
2525
"1000": "#0f0f10"
2626
},
2727
"pink": {
28-
"50": "#fdf2f8",
29-
"100": "#ffe5ee",
30-
"200": "#ffc7db",
31-
"300": "#ffa4c4",
32-
"400": "#fd73a5",
28+
"50": "#fdf2f4",
29+
"100": "#fde6ec",
30+
"200": "#fdcfda",
31+
"300": "#ffa6be",
32+
"400": "#fc6b9a",
3333
"500": "#f43f85",
34-
"600": "#d7256d",
35-
"700": "#b5165b",
36-
"800": "#8e104a",
37-
"900": "#660e39",
38-
"1000": "#3a0821"
34+
"600": "#e01a72",
35+
"700": "#be1360",
36+
"800": "#9d1750",
37+
"900": "#831b44",
38+
"1000": "#4c0a25"
3939
},
4040
"rose": {
4141
"50": "#fff1f2",

‎dist/output/colors.spectrum.tailwind.js‎

Lines changed: 11 additions & 11 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 Mon, 05 Jan 2026 13:32:54 GMT
4+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"black": "#000",
@@ -25,17 +25,17 @@ module.exports = /** @type {const} */ {
2525
"1000": "oklch(16.9% 0.002 286.177)"
2626
},
2727
"pink": {
28-
"50": "oklch(97.1% 0.014 343.198)",
29-
"100": "oklch(94.5% 0.031 354.723)",
30-
"200": "oklch(88.5% 0.068 355.265)",
31-
"300": "oklch(81.8% 0.114 357.260)",
32-
"400": "oklch(73.3% 0.175 359.570)",
28+
"50": "oklch(97% 0.013 2.378)",
29+
"100": "oklch(94.6% 0.026 2.378)",
30+
"200": "oklch(89.7% 0.054 2.378)",
31+
"300": "oklch(81.9% 0.108 2.378)",
32+
"400": "oklch(71.8% 0.181 2.378)",
3333
"500": "oklch(65.4% 0.221 2.378)",
34-
"600": "oklch(58.1% 0.214 3.500)",
35-
"700": "oklch(50.7% 0.193 2.713)",
36-
"800": "oklch(42.6% 0.162 0.587)",
37-
"900": "oklch(34.2% 0.125 357.168)",
38-
"1000": "oklch(23.9% 0.082 354.750)"
34+
"600": "oklch(59.2% 0.228 2.378)",
35+
"700": "oklch(52.3% 0.202 2.378)",
36+
"800": "oklch(45.9% 0.17 2.378)",
37+
"900": "oklch(41% 0.141 2.378)",
38+
"1000": "oklch(28% 0.098 2.378)"
3939
},
4040
"rose": {
4141
"50": "oklch(96.9% 0.015 12.422)",

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

Lines changed: 7 additions & 7 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 Mon, 05 Jan 2026 13:32:54 GMT
4+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"background": {
@@ -34,9 +34,9 @@ module.exports = /** @type {const} */ {
3434
"strong": "#00598a"
3535
},
3636
"action": {
37-
"strong": "#b5165b",
38-
"strongHover": "#d7256d",
39-
"strongActive": "#8e104a",
37+
"strong": "#be1360",
38+
"strongHover": "#e01a72",
39+
"strongActive": "#9d1750",
4040
"strongDisabled": "rgba(244, 63, 133, 0.5)",
4141
"medium": "#1c1c1e",
4242
"mediumHover": "#27272a",
@@ -181,7 +181,7 @@ module.exports = /** @type {const} */ {
181181
},
182182
"action": {
183183
"medium": "#57595f",
184-
"mediumActive": "#d7256d",
184+
"mediumActive": "#e01a72",
185185
"strong": "linear-gradient(180deg, rgba(0, 0, 0, 0.02) 2%, rgba(0, 0, 0, 0.1) 100%)"
186186
},
187187
"copilot": {
@@ -257,8 +257,8 @@ module.exports = /** @type {const} */ {
257257
},
258258
"action": {
259259
"default": "#f43f85",
260-
"hover": "#d7256d",
261-
"active": "#d7256d",
260+
"hover": "#e01a72",
261+
"active": "#e01a72",
262262
"weak": "rgba(255, 255, 255, 0.93)",
263263
"weakActive": "#f43f85",
264264
"medium": "rgba(255, 255, 255, 0.93)",

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

Lines changed: 10 additions & 10 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 Mon, 05 Jan 2026 13:32:54 GMT
4+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"background": {
@@ -35,14 +35,14 @@ module.exports = /** @type {const} */ {
3535
},
3636
"action": {
3737
"strong": "#f43f85",
38-
"strongHover": "#d7256d",
39-
"strongActive": "#b5165b",
38+
"strongHover": "#e01a72",
39+
"strongActive": "#be1360",
4040
"strongDisabled": "rgba(244, 63, 133, 0.5)",
4141
"medium": "#fff",
4242
"mediumHover": "#fafafa",
43-
"mediumActive": "#ffe5ee",
43+
"mediumActive": "#fde6ec",
4444
"weakHover": "rgba(15, 15, 16, 0.04)",
45-
"weakActive": "#ffe5ee"
45+
"weakActive": "#fde6ec"
4646
},
4747
"copilot": {
4848
"default": "#faf5ff",
@@ -181,7 +181,7 @@ module.exports = /** @type {const} */ {
181181
},
182182
"action": {
183183
"medium": "#e4e4e7",
184-
"mediumActive": "#ffc7db",
184+
"mediumActive": "#fdcfda",
185185
"strong": "linear-gradient(180deg, rgba(0, 0, 0, 0.02) 2%, rgba(0, 0, 0, 0.1) 100%)"
186186
},
187187
"copilot": {
@@ -257,12 +257,12 @@ module.exports = /** @type {const} */ {
257257
},
258258
"action": {
259259
"default": "#f43f85",
260-
"hover": "#d7256d",
261-
"active": "#d7256d",
260+
"hover": "#e01a72",
261+
"active": "#e01a72",
262262
"weak": "#34353a",
263-
"weakActive": "#d7256d",
263+
"weakActive": "#e01a72",
264264
"medium": "#34353a",
265-
"mediumActive": "#d7256d",
265+
"mediumActive": "#e01a72",
266266
"strong": "#fff"
267267
},
268268
"success": {

‎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 Mon, 05 Jan 2026 13:32:54 GMT
4+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
55
*/
66
module.exports = /** @type {const} */ {
77
"background": {

‎src/output/colors-spectrum.css‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -17,17 +17,17 @@
1717
--color-zinc-800: oklch(27.4% 0.006 286.033);
1818
--color-zinc-900: oklch(22.7% 0.004 286.09);
1919
--color-zinc-1000: oklch(16.9% 0.002 286.177);
20-
--color-pink-50: oklch(97.1% 0.014 343.198);
21-
--color-pink-100: oklch(94.5% 0.031 354.723);
22-
--color-pink-200: oklch(88.5% 0.068 355.265);
23-
--color-pink-300: oklch(81.8% 0.114 357.260);
24-
--color-pink-400: oklch(73.3% 0.175 359.570);
20+
--color-pink-50: oklch(97% 0.013 2.378);
21+
--color-pink-100: oklch(94.6% 0.026 2.378);
22+
--color-pink-200: oklch(89.7% 0.054 2.378);
23+
--color-pink-300: oklch(81.9% 0.108 2.378);
24+
--color-pink-400: oklch(71.8% 0.181 2.378);
2525
--color-pink-500: oklch(65.4% 0.221 2.378);
26-
--color-pink-600: oklch(58.1% 0.214 3.500);
27-
--color-pink-700: oklch(50.7% 0.193 2.713);
28-
--color-pink-800: oklch(42.6% 0.162 0.587);
29-
--color-pink-900: oklch(34.2% 0.125 357.168);
30-
--color-pink-1000: oklch(23.9% 0.082 354.750);
26+
--color-pink-600: oklch(59.2% 0.228 2.378);
27+
--color-pink-700: oklch(52.3% 0.202 2.378);
28+
--color-pink-800: oklch(45.9% 0.17 2.378);
29+
--color-pink-900: oklch(41% 0.141 2.378);
30+
--color-pink-1000: oklch(28% 0.098 2.378);
3131
--color-rose-50: oklch(96.9% 0.015 12.422);
3232
--color-rose-100: oklch(94.1% 0.03 12.58);
3333
--color-rose-200: oklch(89.2% 0.058 10.001);

‎src/output/colors.spectrum.react.js‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* Do not edit directly
3-
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
3+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
44
*/
55

66
module.exports = /** @type {const} */ {
@@ -25,17 +25,17 @@ module.exports = /** @type {const} */ {
2525
"1000": "#0f0f10"
2626
},
2727
"pink": {
28-
"50": "#fdf2f8",
29-
"100": "#ffe5ee",
30-
"200": "#ffc7db",
31-
"300": "#ffa4c4",
32-
"400": "#fd73a5",
28+
"50": "#fdf2f4",
29+
"100": "#fde6ec",
30+
"200": "#fdcfda",
31+
"300": "#ffa6be",
32+
"400": "#fc6b9a",
3333
"500": "#f43f85",
34-
"600": "#d7256d",
35-
"700": "#b5165b",
36-
"800": "#8e104a",
37-
"900": "#660e39",
38-
"1000": "#3a0821"
34+
"600": "#e01a72",
35+
"700": "#be1360",
36+
"800": "#9d1750",
37+
"900": "#831b44",
38+
"1000": "#4c0a25"
3939
},
4040
"rose": {
4141
"50": "#fff1f2",

‎src/output/colors.spectrum.tailwind.js‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* Do not edit directly
3-
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
3+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
44
*/
55

66
module.exports = /** @type {const} */ {
@@ -25,17 +25,17 @@ module.exports = /** @type {const} */ {
2525
"1000": "oklch(16.9% 0.002 286.177)"
2626
},
2727
"pink": {
28-
"50": "oklch(97.1% 0.014 343.198)",
29-
"100": "oklch(94.5% 0.031 354.723)",
30-
"200": "oklch(88.5% 0.068 355.265)",
31-
"300": "oklch(81.8% 0.114 357.260)",
32-
"400": "oklch(73.3% 0.175 359.570)",
28+
"50": "oklch(97% 0.013 2.378)",
29+
"100": "oklch(94.6% 0.026 2.378)",
30+
"200": "oklch(89.7% 0.054 2.378)",
31+
"300": "oklch(81.9% 0.108 2.378)",
32+
"400": "oklch(71.8% 0.181 2.378)",
3333
"500": "oklch(65.4% 0.221 2.378)",
34-
"600": "oklch(58.1% 0.214 3.500)",
35-
"700": "oklch(50.7% 0.193 2.713)",
36-
"800": "oklch(42.6% 0.162 0.587)",
37-
"900": "oklch(34.2% 0.125 357.168)",
38-
"1000": "oklch(23.9% 0.082 354.750)"
34+
"600": "oklch(59.2% 0.228 2.378)",
35+
"700": "oklch(52.3% 0.202 2.378)",
36+
"800": "oklch(45.9% 0.17 2.378)",
37+
"900": "oklch(41% 0.141 2.378)",
38+
"1000": "oklch(28% 0.098 2.378)"
3939
},
4040
"rose": {
4141
"50": "oklch(96.9% 0.015 12.422)",

‎src/output/colors.theme.dark.react.js‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* Do not edit directly
3-
* Generated on Mon, 05 Jan 2026 13:32:54 GMT
3+
* Generated on Wed, 07 Jan 2026 10:41:02 GMT
44
*/
55

66
module.exports = /** @type {const} */ {
@@ -34,9 +34,9 @@ module.exports = /** @type {const} */ {
3434
"strong": "#00598a"
3535
},
3636
"action": {
37-
"strong": "#b5165b",
38-
"strongHover": "#d7256d",
39-
"strongActive": "#8e104a",
37+
"strong": "#be1360",
38+
"strongHover": "#e01a72",
39+
"strongActive": "#9d1750",
4040
"strongDisabled": "rgba(244, 63, 133, 0.5)",
4141
"medium": "#1c1c1e",
4242
"mediumHover": "#27272a",
@@ -181,7 +181,7 @@ module.exports = /** @type {const} */ {
181181
},
182182
"action": {
183183
"medium": "#57595f",
184-
"mediumActive": "#d7256d",
184+
"mediumActive": "#e01a72",
185185
"strong": "linear-gradient(180deg, rgba(0, 0, 0, 0.02) 2%, rgba(0, 0, 0, 0.1) 100%)"
186186
},
187187
"copilot": {
@@ -257,8 +257,8 @@ module.exports = /** @type {const} */ {
257257
},
258258
"action": {
259259
"default": "#f43f85",
260-
"hover": "#d7256d",
261-
"active": "#d7256d",
260+
"hover": "#e01a72",
261+
"active": "#e01a72",
262262
"weak": "rgba(255, 255, 255, 0.93)",
263263
"weakActive": "#f43f85",
264264
"medium": "rgba(255, 255, 255, 0.93)",

0 commit comments

Comments
 (0)