js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add pink, closes #658 (#742)

Browse Source
This commit is contained in:
Lindsay M
2025-02-11 10:52:51 -05:00
committed by GitHub
parent 34aa8917a6
commit a91fd07ed7
11 changed files with 150 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/_data/hues.json
View File

@@ -1 +1 @@
["red", "yellow", "green", "cyan", "blue", "indigo", "purple", "gray"]
["red", "yellow", "green", "cyan", "blue", "indigo", "purple", "pink", "gray"]

14
src/styles/color/anodized.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-50);
--wa-color-purple-key: 50;
--wa-color-pink-95: #ffedf6 /* oklch(96.291% 0.02268 345.75) */;
--wa-color-pink-90: #feddee /* oklch(92.966% 0.04248 345.5) */;
--wa-color-pink-80: #feb2e3 /* oklch(84.978% 0.10743 340.7) */;
--wa-color-pink-70: #f688de /* oklch(77.315% 0.16826 335.79) */;
--wa-color-pink-60: #e560d6 /* oklch(69.598% 0.21242 332.2) */;
--wa-color-pink-50: #c234bf /* oklch(59.18% 0.23062 328.94) */;
--wa-color-pink-40: #9b189b /* oklch(49.224% 0.21096 328.21) */;
--wa-color-pink-30: #7c097e /* oklch(41.626% 0.18577 327.45) */;
--wa-color-pink-20: #5e0160 /* oklch(34.016% 0.15613 327.29) */;
--wa-color-pink-10: #3c003c /* oklch(24.992% 0.11486 328.36) */;
--wa-color-pink-05: #280029 /* oklch(19.507% 0.09014 327.31) */;
--wa-color-pink: var(--wa-color-pink-50);
--wa-color-pink-key: 50;
--wa-color-gray-95: #f2f2f2 /* oklch(96.115% 0 none) */;
--wa-color-gray-90: #e6e6e6 /* oklch(92.494% 0 none) */;
--wa-color-gray-80: #cacaca /* oklch(83.901% 0 none) */;

14
src/styles/color/bright.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-60);
--wa-color-purple-key: 60;
--wa-color-pink-95: #f8effc /* oklch(96.287% 0.01965 315.67) */;
--wa-color-pink-90: #f4defb /* oklch(92.703% 0.04524 317.99) */;
--wa-color-pink-80: #edb8fa /* oklch(85.148% 0.10592 319.58) */;
--wa-color-pink-70: #e38ef8 /* oklch(77.16% 0.16992 319.48) */;
--wa-color-pink-60: #c576db /* oklch(68.843% 0.16426 318.62) */;
--wa-color-pink-50: #a258b5 /* oklch(58.347% 0.15642 319.13) */;
--wa-color-pink-40: #823b94 /* oklch(48.331% 0.15299 319.08) */;
--wa-color-pink-30: #6d247e /* oklch(41.177% 0.1547 319.42) */;
--wa-color-pink-20: #580a68 /* oklch(34.103% 0.15338 319.6) */;
--wa-color-pink-10: #370047 /* oklch(24.984% 0.12212 316.48) */;
--wa-color-pink-05: #240033 /* oklch(19.65% 0.09758 313.47) */;
--wa-color-pink: var(--wa-color-pink-70);
--wa-color-pink-key: 70;
--wa-color-gray-95: #f1f2f5 /* oklch(96.124% 0.00414 271.37) */;
--wa-color-gray-90: #e4e6eb /* oklch(92.484% 0.00709 268.54) */;
--wa-color-gray-80: #c5cad5 /* oklch(83.843% 0.01625 266.26) */;

14
src/styles/color/classic.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-50);
--wa-color-purple-key: 50;
--wa-color-pink-95: #fdeff7 /* oklch(96.539% 0.01831 342.02) */;
--wa-color-pink-90: #fcdcee /* oklch(92.607% 0.04228 343.07) */;
--wa-color-pink-80: #fab6db /* oklch(84.992% 0.09131 345.4) */;
--wa-color-pink-70: #f78cc4 /* oklch(77.072% 0.14455 348.37) */;
--wa-color-pink-60: #f160a9 /* oklch(69.418% 0.19234 351.99) */;
--wa-color-pink-50: #db2878 /* oklch(59.255% 0.21755 0.28257) */;
--wa-color-pink-40: #ab1854 /* oklch(48.723% 0.18199 3.8244) */;
--wa-color-pink-30: #851844 /* oklch(41.188% 0.14622 2.4184) */;
--wa-color-pink-20: #640e30 /* oklch(33.442% 0.12022 3.3857) */;
--wa-color-pink-10: #43001a /* oklch(24.613% 0.09885 5.3211) */;
--wa-color-pink-05: #2f000b /* oklch(19.457% 0.07776 12.211) */;
--wa-color-pink: var(--wa-color-pink-50);
--wa-color-pink-key: 50;
--wa-color-gray-95: #f2f2f3 /* oklch(96.143% 0.00133 286.37) */;
--wa-color-gray-90: #e5e5e8 /* oklch(92.276% 0.00403 286.32) */;
--wa-color-gray-80: #c9c9cc /* oklch(83.679% 0.00413 286.31) */;

14
src/styles/color/default.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-50);
--wa-color-purple-key: 50;
--wa-color-pink-95: #feeff9 /* oklch(96.676% 0.02074 337.69) */;
--wa-color-pink-90: #feddf0 /* oklch(93.026% 0.04388 342.45) */;
--wa-color-pink-80: #fcb5d8 /* oklch(84.928% 0.09304 348.21) */;
--wa-color-pink-70: #f78dbf /* oklch(77.058% 0.14016 351.19) */;
--wa-color-pink-60: #e66ba3 /* oklch(69.067% 0.16347 353.69) */;
--wa-color-pink-50: #c84382 /* oklch(58.707% 0.17826 354.82) */;
--wa-color-pink-40: #9e2a6c /* oklch(48.603% 0.16439 350.08) */;
--wa-color-pink-30: #7d1e58 /* oklch(41.017% 0.14211 347.77) */;
--wa-color-pink-20: #5e1342 /* oklch(33.442% 0.11808 347.01) */;
--wa-color-pink-10: #3c0828 /* oklch(24.601% 0.08768 347.8) */;
--wa-color-pink-05: #28041a /* oklch(19.199% 0.06799 346.97) */;
--wa-color-pink: var(--wa-color-pink-50);
--wa-color-pink-key: 50;
--wa-color-gray-95: #f1f2f3 /* oklch(96.067% 0.00172 247.84) */;
--wa-color-gray-90: #e4e5e9 /* oklch(92.228% 0.0055 274.96) */;
--wa-color-gray-80: #c7c9d0 /* oklch(83.641% 0.00994 273.33) */;

14
src/styles/color/elegant.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-40);
--wa-color-purple-key: 40;
--wa-color-pink-95: #faf0f7 /* oklch(96.491% 0.0141 336.14) */;
--wa-color-pink-90: #f4e0ed /* oklch(92.653% 0.0277 338.6) */;
--wa-color-pink-80: #e7bedb /* oklch(84.585% 0.06022 336.84) */;
--wa-color-pink-70: #d89cca /* oklch(76.426% 0.09327 335.1) */;
--wa-color-pink-60: #c87bba /* oklch(68.507% 0.12525 333.74) */;
--wa-color-pink-50: #b051a6 /* oklch(58.396% 0.16195 331.59) */;
--wa-color-pink-40: #972592 /* oklch(48.91% 0.19103 329.96) */;
--wa-color-pink-30: #7f007d /* oklch(41.721% 0.19096 329.18) */;
--wa-color-pink-20: #5d095a /* oklch(33.889% 0.1448 329.91) */;
--wa-color-pink-10: #3a0338 /* oklch(24.635% 0.10621 329.91) */;
--wa-color-pink-05: #280126 /* oklch(19.445% 0.08514 330.49) */;
--wa-color-pink: var(--wa-color-pink-40);
--wa-color-pink-key: 40;
--wa-color-gray-95: #f2f2f3 /* oklch(96.143% 0.00133 286.37) */;
--wa-color-gray-90: #e5e5e8 /* oklch(92.276% 0.00403 286.32) */;
--wa-color-gray-80: #c9c9d0 /* oklch(83.798% 0.00965 286.19) */;

58
src/styles/color/mild.css
View File

@@ -58,31 +58,31 @@
--wa-color-cyan: var(--wa-color-cyan-50);
--wa-color-cyan-key: 50;
--wa-color-blue-95: #edf2ff /* oklch(96.116% 0.01824 269.09) */;
--wa-color-blue-90: #d9e7ff /* oklch(92.484% 0.03602 261.3) */;
--wa-color-blue-80: #adcbfd /* oklch(83.746% 0.07762 260.54) */;
--wa-color-blue-70: #8eb0e6 /* oklch(75.222% 0.08682 259.49) */;
--wa-color-blue-60: #7396cb /* oklch(66.799% 0.08844 258.49) */;
--wa-color-blue-50: #5277a9 /* oklch(56.315% 0.08873 256.19) */;
--wa-color-blue-40: #355a8b /* oklch(46.361% 0.09091 255.97) */;
--wa-color-blue-30: #214675 /* oklch(39.204% 0.09067 255.51) */;
--wa-color-blue-20: #07335e /* oklch(31.889% 0.089 252.57) */;
--wa-color-blue-10: #021e3c /* oklch(23.378% 0.06693 252.62) */;
--wa-color-blue-05: #011228 /* oklch(18.145% 0.05213 252.89) */;
--wa-color-blue-95: #edf3ff /* oklch(96.312% 0.01733 264.49) */;
--wa-color-blue-90: #d8e7ff /* oklch(92.413% 0.03649 259.81) */;
--wa-color-blue-80: #a9cdfd /* oklch(83.898% 0.07789 255.74) */;
--wa-color-blue-70: #88b2e4 /* oklch(75.191% 0.08558 253.21) */;
--wa-color-blue-60: #6d98ca /* oklch(66.832% 0.08839 252.8) */;
--wa-color-blue-50: #4c78a8 /* oklch(56.163% 0.0895 251.64) */;
--wa-color-blue-40: #2e5b89 /* oklch(46.149% 0.09035 250.84) */;
--wa-color-blue-30: #1c4772 /* oklch(39.053% 0.08729 251.07) */;
--wa-color-blue-20: #02345b /* oklch(31.798% 0.08493 248.65) */;
--wa-color-blue-10: #001f3a /* oklch(23.402% 0.0636 248.4) */;
--wa-color-blue-05: #001327 /* oklch(18.28% 0.04995 248.62) */;
--wa-color-blue: var(--wa-color-blue-40);
--wa-color-blue-key: 40;
--wa-color-indigo-95: #f2f0ff /* oklch(96.104% 0.02008 292.15) */;
--wa-color-indigo-90: #e5e2ff /* oklch(92.396% 0.03925 290.36) */;
--wa-color-indigo-80: #c4c5ff /* oklch(84.252% 0.0807 283.75) */;
--wa-color-indigo-70: #a7a9ea /* oklch(75.712% 0.09299 282.57) */;
--wa-color-indigo-60: #8d8fd0 /* oklch(67.378% 0.09568 282.15) */;
--wa-color-indigo-50: #6d70ae /* oklch(56.894% 0.09519 280.8) */;
--wa-color-indigo-40: #515390 /* oklch(46.941% 0.09769 280.51) */;
--wa-color-indigo-30: #3d4078 /* oklch(39.763% 0.0933 278.94) */;
--wa-color-indigo-20: #2a2d62 /* oklch(32.529% 0.09204 277.54) */;
--wa-color-indigo-10: #181a3e /* oklch(23.848% 0.06755 277.57) */;
--wa-color-indigo-05: #0e0f2b /* oklch(18.654% 0.05555 278.01) */;
--wa-color-indigo-95: #f1f1ff /* oklch(96.222% 0.01867 286.04) */;
--wa-color-indigo-90: #e2e4ff /* oklch(92.556% 0.03662 282.29) */;
--wa-color-indigo-80: #bec7ff /* oklch(84.198% 0.07895 277.45) */;
--wa-color-indigo-70: #a1abe9 /* oklch(75.618% 0.0899 276.95) */;
--wa-color-indigo-60: #8791d0 /* oklch(67.33% 0.09401 276.64) */;
--wa-color-indigo-50: #6871af /* oklch(56.77% 0.09626 276.58) */;
--wa-color-indigo-40: #4c5491 /* oklch(46.823% 0.09882 276.24) */;
--wa-color-indigo-30: #39417a /* oklch(39.802% 0.09591 275.16) */;
--wa-color-indigo-20: #262e62 /* oklch(32.442% 0.09163 273.61) */;
--wa-color-indigo-10: #151a3e /* oklch(23.597% 0.06843 274) */;
--wa-color-indigo-05: #0c102a /* oklch(18.638% 0.05262 273.62) */;
--wa-color-indigo: var(--wa-color-indigo-40);
--wa-color-indigo-key: 40;
@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-40);
--wa-color-purple-key: 40;
--wa-color-pink-95: #ffeff4 /* oklch(96.614% 0.01843 356.42) */;
--wa-color-pink-90: #fbdfe9 /* oklch(92.937% 0.03338 354.15) */;
--wa-color-pink-80: #f3bbcd /* oklch(84.75% 0.06824 357.54) */;
--wa-color-pink-70: #e699b2 /* oklch(76.622% 0.09694 358.59) */;
--wa-color-pink-60: #cf7c98 /* oklch(68.3% 0.10798 358.68) */;
--wa-color-pink-50: #aa5e78 /* oklch(57.699% 0.1031 358.97) */;
--wa-color-pink-40: #89425b /* oklch(47.676% 0.10071 359.33) */;
--wa-color-pink-30: #712f47 /* oklch(40.407% 0.09701 359.54) */;
--wa-color-pink-20: #571f34 /* oklch(33.048% 0.08607 359.54) */;
--wa-color-pink-10: #380f1f /* oklch(24.284% 0.06769 359.25) */;
--wa-color-pink-05: #260713 /* oklch(18.997% 0.0547 359.42) */;
--wa-color-pink: var(--wa-color-pink-60);
--wa-color-pink-key: 60;
--wa-color-gray-95: #f4f3f4 /* oklch(96.52% 0.00169 325.59) */;
--wa-color-gray-90: #e7e5e8 /* oklch(92.431% 0.00454 314.8) */;
--wa-color-gray-80: #ccc8cd /* oklch(83.746% 0.00813 319.45) */;

14
src/styles/color/natural.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-50);
--wa-color-purple-key: 50;
--wa-color-pink-95: #f8f0f3 /* oklch(96.22% 0.00943 352.36) */;
--wa-color-pink-90: #f0e2e7 /* oklch(92.534% 0.0166 353.65) */;
--wa-color-pink-80: #dec3ce /* oklch(84.312% 0.03375 351.3) */;
--wa-color-pink-70: #cba4b4 /* oklch(75.858% 0.05043 351.83) */;
--wa-color-pink-60: #b9879c /* oklch(67.84% 0.06707 352.09) */;
--wa-color-pink-50: #a0637d /* oklch(57.443% 0.08557 353.01) */;
--wa-color-pink-40: #7f4860 /* oklch(47.455% 0.08107 352.99) */;
--wa-color-pink-30: #67364c /* oklch(40.225% 0.07544 352.68) */;
--wa-color-pink-20: #4f2538 /* oklch(32.865% 0.06781 352.99) */;
--wa-color-pink-10: #311422 /* oklch(23.991% 0.05118 351.37) */;
--wa-color-pink-05: #200b15 /* oklch(18.69% 0.03937 351.69) */;
--wa-color-pink: var(--wa-color-pink-50);
--wa-color-pink-key: 50;
--wa-color-gray-95: #f1f1f0 /* oklch(95.787% 0.00133 106.42) */;
--wa-color-gray-90: #e7e6e4 /* oklch(92.515% 0.0029 84.559) */;
--wa-color-gray-80: #cac8c3 /* oklch(83.296% 0.00723 88.651) */;

14
src/styles/color/rudimentary.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-50);
--wa-color-purple-key: 50;
--wa-color-pink-95: #ffeffa /* oklch(96.786% 0.02239 336.83) */;
--wa-color-pink-90: #ffdcf6 /* oklch(93.109% 0.05123 335.07) */;
--wa-color-pink-80: #ffb2ec /* oklch(85.389% 0.11534 335.86) */;
--wa-color-pink-70: #fd84de /* oklch(77.594% 0.18006 337.78) */;
--wa-color-pink-60: #f058cd /* oklch(69.814% 0.2238 338) */;
--wa-color-pink-50: #d31db1 /* oklch(59.681% 0.24785 337.93) */;
--wa-color-pink-40: #a6008a /* oklch(49.234% 0.21583 338.04) */;
--wa-color-pink-30: #84006d /* oklch(41.627% 0.18237 338.17) */;
--wa-color-pink-20: #630051 /* oklch(33.902% 0.14844 338.29) */;
--wa-color-pink-10: #3f0032 /* oklch(24.899% 0.1087 338.93) */;
--wa-color-pink-05: #2a0021 /* oklch(19.332% 0.08461 338.38) */;
--wa-color-pink: var(--wa-color-pink-50);
--wa-color-pink-key: 50;
--wa-color-gray-95: #f2f2f2 /* oklch(96.115% 0 none) */;
--wa-color-gray-90: #e6e6e6 /* oklch(92.494% 0 none) */;
--wa-color-gray-80: #c9c9c9 /* oklch(83.591% 0 none) */;

2
src/styles/color/scripts/ranges.js
View File

@@ -24,7 +24,7 @@ if (!paletteId) {
}
const tints = ['95', '90', '80', '70', '60', '50', '40', '30', '20', '10', '05'];
const hues = ['red', 'yellow', 'green', 'cyan', 'blue', 'indigo', 'purple', 'gray'];
const hues = ['red', 'yellow', 'green', 'cyan', 'blue', 'indigo', 'purple', 'pink', 'gray'];
function analyzePalette(scales, results, { component, levels, by = 'tint' }) {
for (let hue in scales) {

14
src/styles/color/vogue.css
View File

@@ -100,6 +100,20 @@
--wa-color-purple: var(--wa-color-purple-40);
--wa-color-purple-key: 40;
--wa-color-pink-95: #fcefff /* oklch(96.692% 0.0252 319.87) */;
--wa-color-pink-90: #f7ddff /* oklch(92.895% 0.0531 318.2) */;
--wa-color-pink-80: #f1b5fd /* oklch(85.124% 0.1166 320.72) */;
--wa-color-pink-70: #eb89fb /* oklch(77.434% 0.18529 321.83) */;
--wa-color-pink-60: #e05bf5 /* oklch(69.971% 0.2421 321.97) */;
--wa-color-pink-50: #c228d6 /* oklch(59.743% 0.25837 322.66) */;
--wa-color-pink-40: #971aa3 /* oklch(49.218% 0.21385 324) */;
--wa-color-pink-30: #751b7b /* oklch(41.338% 0.16648 325.27) */;
--wa-color-pink-20: #5a0a5f /* oklch(33.769% 0.14665 325.41) */;
--wa-color-pink-10: #3a023d /* oklch(24.901% 0.1119 325.9) */;
--wa-color-pink-05: #270129 /* oklch(19.48% 0.0873 326.12) */;
--wa-color-pink: var(--wa-color-pink-50);
--wa-color-pink-key: 50;
--wa-color-gray-95: #f1f2f4 /* oklch(96.095% 0.00288 264.54) */;
--wa-color-gray-90: #e3e5e9 /* oklch(92.152% 0.00582 264.53) */;
--wa-color-gray-80: #c5cad1 /* oklch(83.72% 0.01119 256.7) */;