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

update color primitives and fix comments

Browse Source
This commit is contained in:
lindsaym-fa
2023-09-12 13:02:59 -04:00
parent e82b076981
commit 9c343ef3fd
1 changed files with 49 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/themes/default.css
View File

@@ -6,59 +6,59 @@
/**
* Primitives
*/
--wa-color-red-95: #ffefef;
--wa-color-red-90: #ffdedf;
--wa-color-red-80: #ffb7bb;
--wa-color-red-70: #fb9098;
--wa-color-red-60: #f36677;
--wa-color-red-50: #e41c51;
--wa-color-red-40: #ab203e;
--wa-color-red-30: #831f31;
--wa-color-red-20: #5d1b25;
--wa-color-red-10: #331417;
--wa-color-red-95: #fdeef3;
--wa-color-red-90: #fcdee7;
--wa-color-red-80: #f8b8c8;
--wa-color-red-70: #f492a8;
--wa-color-red-60: #ef6982;
--wa-color-red-50: #df2e45;
--wa-color-red-40: #a82431;
--wa-color-red-30: #851d23;
--wa-color-red-20: #621617;
--wa-color-red-10: #3c0c09;
--wa-color-yellow-95: #f9f2db;
--wa-color-yellow-90: #f4e5b6;
--wa-color-yellow-80: #e8c762;
--wa-color-yellow-70: #d6a927;
--wa-color-yellow-60: #b78f21;
--wa-color-yellow-50: #92701b;
--wa-color-yellow-40: #705514;
--wa-color-yellow-30: #584210;
--wa-color-yellow-20: #41300c;
--wa-color-yellow-10: #261c07;
--wa-color-yellow-95: #faf3c9;
--wa-color-yellow-90: #fde592;
--wa-color-yellow-80: #f6c240;
--wa-color-yellow-70: #dfa43b;
--wa-color-yellow-60: #c68836;
--wa-color-yellow-50: #a3692e;
--wa-color-yellow-40: #7e4c26;
--wa-color-yellow-30: #663a20;
--wa-color-yellow-20: #4d2919;
--wa-color-yellow-10: #2d1810;
--wa-color-green-95: #e6f7ea;
--wa-color-green-90: #cceed4;
--wa-color-green-80: #91daa2;
--wa-color-green-70: #51c56c;
--wa-color-green-60: #3da856;
--wa-color-green-50: #308544;
--wa-color-green-40: #256534;
--wa-color-green-30: #1d4f29;
--wa-color-green-20: #15391d;
--wa-color-green-10: #0c2211;
--wa-color-green-95: #e8f6ea;
--wa-color-green-90: #d0edd8;
--wa-color-green-80: #94d8ad;
--wa-color-green-70: #4ec486;
--wa-color-green-60: #00ae5f;
--wa-color-green-50: #008b4d;
--wa-color-green-40: #00693e;
--wa-color-green-30: #005334;
--wa-color-green-20: #003d28;
--wa-color-green-10: #00241b;
--wa-color-blue-95: #eaf3fe;
--wa-color-blue-90: #d5e8fd;
--wa-color-blue-80: #a6cdfb;
--wa-color-blue-70: #76b2f9;
--wa-color-blue-60: #4496f6;
--wa-color-blue-50: #0070f2;
--wa-color-blue-40: #0055b9;
--wa-color-blue-30: #004390;
--wa-color-blue-20: #00316a;
--wa-color-blue-10: #001d40;
--wa-color-blue-95: #e9f3fe;
--wa-color-blue-90: #d4e8fc;
--wa-color-blue-80: #a2cef9;
--wa-color-blue-70: #6eb4f6;
--wa-color-blue-60: #259af4;
--wa-color-blue-50: #0076f2;
--wa-color-blue-40: #005ab7;
--wa-color-blue-30: #004790;
--wa-color-blue-20: #00346a;
--wa-color-blue-10: #001f3f;
--wa-color-neutral-95: #f2f2f4;
--wa-color-neutral-90: #e5e5ea;
--wa-color-neutral-80: #c8c9d3;
--wa-color-neutral-70: #acaebc;
--wa-color-neutral-60: #9193a6;
--wa-color-neutral-50: #71748c;
--wa-color-neutral-40: #56586a;
--wa-color-neutral-30: #434453;
--wa-color-neutral-20: #30323c;
--wa-color-neutral-90: #e5e5e9;
--wa-color-neutral-80: #c8c9d1;
--wa-color-neutral-70: #acaebb;
--wa-color-neutral-60: #9194a4;
--wa-color-neutral-50: #70758a;
--wa-color-neutral-40: #545868;
--wa-color-neutral-30: #424551;
--wa-color-neutral-20: #30323b;
--wa-color-neutral-10: #1c1d23;
--wa-color-white: white;
@@ -218,7 +218,7 @@
/**
* Borders & corners
*/
--wa-border-width-thin: 0.0625rem; /* 1px*/
--wa-border-width-thin: 0.0625rem; /* 1px */
--wa-border-width-medium: calc(var(--wa-border-width-thin) * 2);
--wa-border-width-thick: calc(var(--wa-border-width-thin) * 3);
@@ -270,9 +270,7 @@
--wa-form-controls-border-style: var(--wa-border-style);
--wa-form-controls-border-width: var(--wa-border-width-thin);
--wa-form-controls-corners: var(--wa-corners-1x);
/* prettier-ignore */
--wa-form-controls-border-color-resting: var(--wa-color-neutral-outline-muted-alt);
/* prettier-ignore */
--wa-form-controls-border-color-activated: var(--wa-color-brand-outline-vivid);
--wa-form-controls-text-color: var(--wa-color-text-normal);
--wa-form-controls-value-line-height: var(--wa-font-height-compact);