expand scheme palettes.
This commit is contained in:
Vixalie
parent
9ae57451a4
commit
48086e72d9
@ -57,51 +57,6 @@
|
||||
--color-light-outline-variant: #7d7065;
|
||||
--color-light-scrim: #090000;
|
||||
--color-light-shadow: #090000;
|
||||
--color-light-success: #1c6300;
|
||||
--color-light-on-success: #d6ff6a;
|
||||
--color-light-success-container: #3f8200;
|
||||
--color-light-on-success-container: #d6ff6a;
|
||||
--color-light-success-fixed: #3f8200;
|
||||
--color-light-success-fixed-dim: #226800;
|
||||
--color-light-on-success-fixed: #d6ff6a;
|
||||
--color-light-on-success-fixed-variant: #d6ff6a;
|
||||
--color-light-inverse-success: #053f00;
|
||||
--color-light-defensive: #7131b4;
|
||||
--color-light-on-defensive: #ffdeff;
|
||||
--color-light-defensive-container: #9350d6;
|
||||
--color-light-on-defensive-container: #ffdeff;
|
||||
--color-light-defensive-fixed: #9350d6;
|
||||
--color-light-defensive-fixed-dim: #7737ba;
|
||||
--color-light-on-defensive-fixed: #ffdeff;
|
||||
--color-light-on-defensive-fixed-variant: #ffdeff;
|
||||
--color-light-inverse-defensive: #47038c;
|
||||
--color-light-gentle: #7c4b00;
|
||||
--color-light-on-gentle: #fff25f;
|
||||
--color-light-gentle-container: #9e6700;
|
||||
--color-light-on-gentle-container: #fff25f;
|
||||
--color-light-gentle-fixed: #9e6700;
|
||||
--color-light-gentle-fixed-dim: #814f00;
|
||||
--color-light-on-gentle-fixed: #fff25f;
|
||||
--color-light-on-gentle-fixed-variant: #fff25f;
|
||||
--color-light-inverse-gentle: #562900;
|
||||
--color-light-aggressive: #b6002d;
|
||||
--color-light-on-aggressive: #ffc3cc;
|
||||
--color-light-aggressive-container: #dc2247;
|
||||
--color-light-on-aggressive-container: #ffc3cc;
|
||||
--color-light-aggressive-fixed: #dc2247;
|
||||
--color-light-aggressive-fixed-dim: #bd0031;
|
||||
--color-light-on-aggressive-fixed: #ffc3cc;
|
||||
--color-light-on-aggressive-fixed-variant: #ffc3cc;
|
||||
--color-light-inverse-aggressive: #88000e;
|
||||
--color-light-info: #225694;
|
||||
--color-light-on-info: #ddffff;
|
||||
--color-light-info-container: #4973b4;
|
||||
--color-light-on-info-container: #ddffff;
|
||||
--color-light-info-fixed: #4973b4;
|
||||
--color-light-info-fixed-dim: #2a5a99;
|
||||
--color-light-on-info-fixed: #ddffff;
|
||||
--color-light-on-info-fixed-variant: #ddffff;
|
||||
--color-light-inverse-info: #00346e;
|
||||
--color-light-warning: #834600;
|
||||
--color-light-on-warning: #ffed93;
|
||||
--color-light-warning-container: #a66204;
|
||||
@ -111,6 +66,51 @@
|
||||
--color-light-on-warning-fixed: #ffed93;
|
||||
--color-light-on-warning-fixed-variant: #ffed93;
|
||||
--color-light-inverse-warning: #5b2300;
|
||||
--color-light-defensive: #7131b4;
|
||||
--color-light-on-defensive: #ffdeff;
|
||||
--color-light-defensive-container: #9350d6;
|
||||
--color-light-on-defensive-container: #ffdeff;
|
||||
--color-light-defensive-fixed: #9350d6;
|
||||
--color-light-defensive-fixed-dim: #7737ba;
|
||||
--color-light-on-defensive-fixed: #ffdeff;
|
||||
--color-light-on-defensive-fixed-variant: #ffdeff;
|
||||
--color-light-inverse-defensive: #47038c;
|
||||
--color-light-aggressive: #b6002d;
|
||||
--color-light-on-aggressive: #ffc3cc;
|
||||
--color-light-aggressive-container: #dc2247;
|
||||
--color-light-on-aggressive-container: #ffc3cc;
|
||||
--color-light-aggressive-fixed: #dc2247;
|
||||
--color-light-aggressive-fixed-dim: #bd0031;
|
||||
--color-light-on-aggressive-fixed: #ffc3cc;
|
||||
--color-light-on-aggressive-fixed-variant: #ffc3cc;
|
||||
--color-light-inverse-aggressive: #88000e;
|
||||
--color-light-gentle: #7c4b00;
|
||||
--color-light-on-gentle: #fff25f;
|
||||
--color-light-gentle-container: #9e6700;
|
||||
--color-light-on-gentle-container: #fff25f;
|
||||
--color-light-gentle-fixed: #9e6700;
|
||||
--color-light-gentle-fixed-dim: #814f00;
|
||||
--color-light-on-gentle-fixed: #fff25f;
|
||||
--color-light-on-gentle-fixed-variant: #fff25f;
|
||||
--color-light-inverse-gentle: #562900;
|
||||
--color-light-success: #1c6300;
|
||||
--color-light-on-success: #d6ff6a;
|
||||
--color-light-success-container: #3f8200;
|
||||
--color-light-on-success-container: #d6ff6a;
|
||||
--color-light-success-fixed: #3f8200;
|
||||
--color-light-success-fixed-dim: #226800;
|
||||
--color-light-on-success-fixed: #d6ff6a;
|
||||
--color-light-on-success-fixed-variant: #d6ff6a;
|
||||
--color-light-inverse-success: #053f00;
|
||||
--color-light-info: #225694;
|
||||
--color-light-on-info: #ddffff;
|
||||
--color-light-info-container: #4973b4;
|
||||
--color-light-on-info-container: #ddffff;
|
||||
--color-light-info-fixed: #4973b4;
|
||||
--color-light-info-fixed-dim: #2a5a99;
|
||||
--color-light-on-info-fixed: #ddffff;
|
||||
--color-light-on-info-fixed-variant: #ddffff;
|
||||
--color-light-inverse-info: #00346e;
|
||||
--color-dark-primary: #ffe6b1;
|
||||
--color-dark-on-primary: #280000;
|
||||
--color-dark-primary-container: #ecb986;
|
||||
@ -173,33 +173,6 @@
|
||||
--color-dark-on-defensive-fixed: #050055;
|
||||
--color-dark-on-defensive-fixed-variant: #140062;
|
||||
--color-dark-inverse-defensive: #ffcbff;
|
||||
--color-dark-info: #cef0ff;
|
||||
--color-dark-on-info: #00013a;
|
||||
--color-dark-info-container: #9fc3ff;
|
||||
--color-dark-on-info-container: #000d41;
|
||||
--color-dark-info-fixed: #c0e2ff;
|
||||
--color-dark-info-fixed-dim: #a3c6ff;
|
||||
--color-dark-on-info-fixed: #00013a;
|
||||
--color-dark-on-info-fixed-variant: #001346;
|
||||
--color-dark-inverse-info: #caecff;
|
||||
--color-dark-gentle: #ffe350;
|
||||
--color-dark-on-gentle: #370000;
|
||||
--color-dark-gentle-container: #fcb61a;
|
||||
--color-dark-on-gentle-container: #390000;
|
||||
--color-dark-gentle-fixed: #ffd642;
|
||||
--color-dark-gentle-fixed-dim: #ffba20;
|
||||
--color-dark-on-gentle-fixed: #370000;
|
||||
--color-dark-on-gentle-fixed-variant: #3b0000;
|
||||
--color-dark-inverse-gentle: #ffdf4c;
|
||||
--color-dark-success: #c7ff5b;
|
||||
--color-dark-on-success: #001600;
|
||||
--color-dark-success-container: #97d529;
|
||||
--color-dark-on-success-container: #001c00;
|
||||
--color-dark-success-fixed: #b9f54d;
|
||||
--color-dark-success-fixed-dim: #9cd92e;
|
||||
--color-dark-on-success-fixed: #001600;
|
||||
--color-dark-on-success-fixed-variant: #001f00;
|
||||
--color-dark-inverse-success: #c2ff57;
|
||||
--color-dark-warning: #ffde85;
|
||||
--color-dark-on-warning: #350000;
|
||||
--color-dark-warning-container: #ffb15b;
|
||||
@ -209,6 +182,24 @@
|
||||
--color-dark-on-warning-fixed: #350000;
|
||||
--color-dark-on-warning-fixed-variant: #3a0000;
|
||||
--color-dark-inverse-warning: #ffda82;
|
||||
--color-dark-gentle: #ffe350;
|
||||
--color-dark-on-gentle: #370000;
|
||||
--color-dark-gentle-container: #fcb61a;
|
||||
--color-dark-on-gentle-container: #390000;
|
||||
--color-dark-gentle-fixed: #ffd642;
|
||||
--color-dark-gentle-fixed-dim: #ffba20;
|
||||
--color-dark-on-gentle-fixed: #370000;
|
||||
--color-dark-on-gentle-fixed-variant: #3b0000;
|
||||
--color-dark-inverse-gentle: #ffdf4c;
|
||||
--color-dark-info: #cef0ff;
|
||||
--color-dark-on-info: #00013a;
|
||||
--color-dark-info-container: #9fc3ff;
|
||||
--color-dark-on-info-container: #000d41;
|
||||
--color-dark-info-fixed: #c0e2ff;
|
||||
--color-dark-info-fixed-dim: #a3c6ff;
|
||||
--color-dark-on-info-fixed: #00013a;
|
||||
--color-dark-on-info-fixed-variant: #001346;
|
||||
--color-dark-inverse-info: #caecff;
|
||||
--color-dark-aggressive: #ffb3bd;
|
||||
--color-dark-on-aggressive: #4d0000;
|
||||
--color-dark-aggressive-container: #ff8492;
|
||||
@ -218,6 +209,231 @@
|
||||
--color-dark-on-aggressive-fixed: #4d0000;
|
||||
--color-dark-on-aggressive-fixed-variant: #590000;
|
||||
--color-dark-inverse-aggressive: #ffafba;
|
||||
--color-dark-success: #c7ff5b;
|
||||
--color-dark-on-success: #001600;
|
||||
--color-dark-success-container: #97d529;
|
||||
--color-dark-on-success-container: #001c00;
|
||||
--color-dark-success-fixed: #b9f54d;
|
||||
--color-dark-success-fixed-dim: #9cd92e;
|
||||
--color-dark-on-success-fixed: #001600;
|
||||
--color-dark-on-success-fixed-variant: #001f00;
|
||||
--color-dark-inverse-success: #c2ff57;
|
||||
--color-swatch-aggressive-0: #4d0000;
|
||||
--color-swatch-aggressive-5: #580000;
|
||||
--color-swatch-aggressive-10: #660000;
|
||||
--color-swatch-aggressive-15: #750000;
|
||||
--color-swatch-aggressive-20: #84000b;
|
||||
--color-swatch-aggressive-25: #930016;
|
||||
--color-swatch-aggressive-30: #a30020;
|
||||
--color-swatch-aggressive-35: #b3002a;
|
||||
--color-swatch-aggressive-40: #c30035;
|
||||
--color-swatch-aggressive-50: #e32a4b;
|
||||
--color-swatch-aggressive-60: #ff4d63;
|
||||
--color-swatch-aggressive-70: #ff6b7c;
|
||||
--color-swatch-aggressive-80: #ff8896;
|
||||
--color-swatch-aggressive-90: #ffa6b0;
|
||||
--color-swatch-aggressive-95: #ffb4be;
|
||||
--color-swatch-aggressive-98: #ffbdc6;
|
||||
--color-swatch-aggressive-99: #ffc0c9;
|
||||
--color-swatch-aggressive-100: #ffc3cc;
|
||||
--color-swatch-neutral-variant-0: #100000;
|
||||
--color-swatch-neutral-variant-5: #1a0f00;
|
||||
--color-swatch-neutral-variant-10: #231a10;
|
||||
--color-swatch-neutral-variant-15: #2e241b;
|
||||
--color-swatch-neutral-variant-20: #392e25;
|
||||
--color-swatch-neutral-variant-25: #443930;
|
||||
--color-swatch-neutral-variant-30: #50453b;
|
||||
--color-swatch-neutral-variant-35: #5c5046;
|
||||
--color-swatch-neutral-variant-40: #685c52;
|
||||
--color-swatch-neutral-variant-50: #81756a;
|
||||
--color-swatch-neutral-variant-60: #9c8e83;
|
||||
--color-swatch-neutral-variant-70: #b7a99d;
|
||||
--color-swatch-neutral-variant-80: #d2c4b8;
|
||||
--color-swatch-neutral-variant-90: #efe0d4;
|
||||
--color-swatch-neutral-variant-95: #fdeee2;
|
||||
--color-swatch-neutral-variant-98: #fff7ea;
|
||||
--color-swatch-neutral-variant-99: #fffaed;
|
||||
--color-swatch-neutral-variant-100: #fffdf0;
|
||||
--color-swatch-primary-0: #280000;
|
||||
--color-swatch-primary-5: #2d0600;
|
||||
--color-swatch-primary-10: #351300;
|
||||
--color-swatch-primary-15: #3f1e00;
|
||||
--color-swatch-primary-20: #4a2800;
|
||||
--color-swatch-primary-25: #573305;
|
||||
--color-swatch-primary-30: #643e11;
|
||||
--color-swatch-primary-35: #714a1d;
|
||||
--color-swatch-primary-40: #7f5628;
|
||||
--color-swatch-primary-50: #9a6e3f;
|
||||
--color-swatch-primary-60: #b78757;
|
||||
--color-swatch-primary-70: #d3a270;
|
||||
--color-swatch-primary-80: #f1bd8a;
|
||||
--color-swatch-primary-90: #ffd8a5;
|
||||
--color-swatch-primary-95: #ffe7b2;
|
||||
--color-swatch-primary-98: #ffefba;
|
||||
--color-swatch-primary-99: #fff2bd;
|
||||
--color-swatch-primary-100: #fff5c0;
|
||||
--color-swatch-error-0: #4e0000;
|
||||
--color-swatch-error-5: #580000;
|
||||
--color-swatch-error-10: #640000;
|
||||
--color-swatch-error-15: #720000;
|
||||
--color-swatch-error-20: #810000;
|
||||
--color-swatch-error-25: #900000;
|
||||
--color-swatch-error-30: #9f0000;
|
||||
--color-swatch-error-35: #af0000;
|
||||
--color-swatch-error-40: #bf0902;
|
||||
--color-swatch-error-50: #df361d;
|
||||
--color-swatch-error-60: #ff5435;
|
||||
--color-swatch-error-70: #ff714d;
|
||||
--color-swatch-error-80: #ff8e66;
|
||||
--color-swatch-error-90: #ffab80;
|
||||
--color-swatch-error-95: #ffb98d;
|
||||
--color-swatch-error-98: #ffc295;
|
||||
--color-swatch-error-99: #ffc598;
|
||||
--color-swatch-error-100: #ffc89b;
|
||||
--color-swatch-secondary-0: #1a0000;
|
||||
--color-swatch-secondary-5: #220c00;
|
||||
--color-swatch-secondary-10: #2a1800;
|
||||
--color-swatch-secondary-15: #34220e;
|
||||
--color-swatch-secondary-20: #402c18;
|
||||
--color-swatch-secondary-25: #4c3723;
|
||||
--color-swatch-secondary-30: #58432e;
|
||||
--color-swatch-secondary-35: #654e39;
|
||||
--color-swatch-secondary-40: #715a44;
|
||||
--color-swatch-secondary-50: #8b725c;
|
||||
--color-swatch-secondary-60: #a68c74;
|
||||
--color-swatch-secondary-70: #c2a68e;
|
||||
--color-swatch-secondary-80: #dec1a8;
|
||||
--color-swatch-secondary-90: #fbddc4;
|
||||
--color-swatch-secondary-95: #ffecd1;
|
||||
--color-swatch-secondary-98: #fff4da;
|
||||
--color-swatch-secondary-99: #fff7dd;
|
||||
--color-swatch-secondary-100: #fffae0;
|
||||
--color-swatch-success-0: #001600;
|
||||
--color-swatch-success-5: #001f00;
|
||||
--color-swatch-success-10: #062600;
|
||||
--color-swatch-success-15: #0c3000;
|
||||
--color-swatch-success-20: #063c00;
|
||||
--color-swatch-success-25: #044800;
|
||||
--color-swatch-success-30: #0c5400;
|
||||
--color-swatch-success-35: #196000;
|
||||
--color-swatch-success-40: #286d00;
|
||||
--color-swatch-success-50: #458700;
|
||||
--color-swatch-success-60: #62a100;
|
||||
--color-swatch-success-70: #7fbd00;
|
||||
--color-swatch-success-80: #9cd92e;
|
||||
--color-swatch-success-90: #b9f54d;
|
||||
--color-swatch-success-95: #c7ff5c;
|
||||
--color-swatch-success-98: #d0ff64;
|
||||
--color-swatch-success-99: #d3ff67;
|
||||
--color-swatch-success-100: #d6ff6a;
|
||||
--color-swatch-warning-0: #350000;
|
||||
--color-swatch-warning-5: #3a0000;
|
||||
--color-swatch-warning-10: #420800;
|
||||
--color-swatch-warning-15: #4c1500;
|
||||
--color-swatch-warning-20: #582100;
|
||||
--color-swatch-warning-25: #642c00;
|
||||
--color-swatch-warning-30: #723700;
|
||||
--color-swatch-warning-35: #7f4300;
|
||||
--color-swatch-warning-40: #8e4f00;
|
||||
--color-swatch-warning-50: #ab670c;
|
||||
--color-swatch-warning-60: #c9802b;
|
||||
--color-swatch-warning-70: #e89a45;
|
||||
--color-swatch-warning-80: #ffb55e;
|
||||
--color-swatch-warning-90: #ffd179;
|
||||
--color-swatch-warning-95: #ffdf86;
|
||||
--color-swatch-warning-98: #ffe78e;
|
||||
--color-swatch-warning-99: #ffea91;
|
||||
--color-swatch-warning-100: #ffed93;
|
||||
--color-swatch-tertiary-0: #150100;
|
||||
--color-swatch-tertiary-5: #1e1200;
|
||||
--color-swatch-tertiary-10: #251c00;
|
||||
--color-swatch-tertiary-15: #2c2700;
|
||||
--color-swatch-tertiary-20: #363200;
|
||||
--color-swatch-tertiary-25: #413d00;
|
||||
--color-swatch-tertiary-30: #4d480b;
|
||||
--color-swatch-tertiary-35: #595417;
|
||||
--color-swatch-tertiary-40: #666023;
|
||||
--color-swatch-tertiary-50: #80783b;
|
||||
--color-swatch-tertiary-60: #9b9253;
|
||||
--color-swatch-tertiary-70: #b7ac6c;
|
||||
--color-swatch-tertiary-80: #d3c886;
|
||||
--color-swatch-tertiary-90: #f0e4a0;
|
||||
--color-swatch-tertiary-95: #fef2ae;
|
||||
--color-swatch-tertiary-98: #fffbb6;
|
||||
--color-swatch-tertiary-99: #fffdb9;
|
||||
--color-swatch-tertiary-100: #ffffbb;
|
||||
--color-swatch-neutral-0: #090000;
|
||||
--color-swatch-neutral-5: #161008;
|
||||
--color-swatch-neutral-10: #201b16;
|
||||
--color-swatch-neutral-15: #2a2520;
|
||||
--color-swatch-neutral-20: #352f2a;
|
||||
--color-swatch-neutral-25: #403a35;
|
||||
--color-swatch-neutral-30: #4c4640;
|
||||
--color-swatch-neutral-35: #58514c;
|
||||
--color-swatch-neutral-40: #645d58;
|
||||
--color-swatch-neutral-50: #7d7670;
|
||||
--color-swatch-neutral-60: #978f89;
|
||||
--color-swatch-neutral-70: #b1aaa4;
|
||||
--color-swatch-neutral-80: #cdc5bf;
|
||||
--color-swatch-neutral-90: #e9e1db;
|
||||
--color-swatch-neutral-95: #f7efe9;
|
||||
--color-swatch-neutral-98: #fff8f1;
|
||||
--color-swatch-neutral-99: #fffbf4;
|
||||
--color-swatch-neutral-100: #fffef7;
|
||||
--color-swatch-info-0: #00013a;
|
||||
--color-swatch-info-5: #001346;
|
||||
--color-swatch-info-10: #001d52;
|
||||
--color-swatch-info-15: #00275e;
|
||||
--color-swatch-info-20: #00316a;
|
||||
--color-swatch-info-25: #003c77;
|
||||
--color-swatch-info-30: #024784;
|
||||
--color-swatch-info-35: #1e5391;
|
||||
--color-swatch-info-40: #305f9e;
|
||||
--color-swatch-info-50: #4e77ba;
|
||||
--color-swatch-info-60: #6b91d5;
|
||||
--color-swatch-info-70: #87abf2;
|
||||
--color-swatch-info-80: #a3c6ff;
|
||||
--color-swatch-info-90: #c0e2ff;
|
||||
--color-swatch-info-95: #cef1ff;
|
||||
--color-swatch-info-98: #d7f9ff;
|
||||
--color-swatch-info-99: #dafcff;
|
||||
--color-swatch-info-100: #ddffff;
|
||||
--color-swatch-defensive-0: #050055;
|
||||
--color-swatch-defensive-5: #130062;
|
||||
--color-swatch-defensive-10: #25006e;
|
||||
--color-swatch-defensive-15: #35007b;
|
||||
--color-swatch-defensive-20: #440089;
|
||||
--color-swatch-defensive-25: #521296;
|
||||
--color-swatch-defensive-30: #6021a4;
|
||||
--color-swatch-defensive-35: #6e2eb1;
|
||||
--color-swatch-defensive-40: #7c3cbf;
|
||||
--color-swatch-defensive-50: #9855db;
|
||||
--color-swatch-defensive-60: #b56ff8;
|
||||
--color-swatch-defensive-70: #d28aff;
|
||||
--color-swatch-defensive-80: #f0a5ff;
|
||||
--color-swatch-defensive-90: #ffc1ff;
|
||||
--color-swatch-defensive-95: #ffcfff;
|
||||
--color-swatch-defensive-98: #ffd8ff;
|
||||
--color-swatch-defensive-99: #ffdbff;
|
||||
--color-swatch-defensive-100: #ffdeff;
|
||||
--color-swatch-gentle-0: #370000;
|
||||
--color-swatch-gentle-5: #3b0000;
|
||||
--color-swatch-gentle-10: #410f00;
|
||||
--color-swatch-gentle-15: #4a1b00;
|
||||
--color-swatch-gentle-20: #542600;
|
||||
--color-swatch-gentle-25: #5f3100;
|
||||
--color-swatch-gentle-30: #6b3c00;
|
||||
--color-swatch-gentle-35: #794800;
|
||||
--color-swatch-gentle-40: #865400;
|
||||
--color-swatch-gentle-50: #a36c00;
|
||||
--color-swatch-gentle-60: #c28500;
|
||||
--color-swatch-gentle-70: #e19f00;
|
||||
--color-swatch-gentle-80: #ffba20;
|
||||
--color-swatch-gentle-90: #ffd642;
|
||||
--color-swatch-gentle-95: #ffe451;
|
||||
--color-swatch-gentle-98: #ffec5a;
|
||||
--color-swatch-gentle-99: #ffef5d;
|
||||
--color-swatch-gentle-100: #fff25f;
|
||||
|
||||
--spacing: 4px;
|
||||
--border-radius: 2px;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user