From 48086e72d930ddd302ce6fc4df044ab6ca67958d Mon Sep 17 00:00:00 2001 From: Vixalie Date: Fri, 7 Mar 2025 10:48:05 +0800 Subject: [PATCH] expand scheme palettes. --- src/variables.css | 360 ++++++++++++++++++++++++++++++++++++---------- 1 file changed, 288 insertions(+), 72 deletions(-) diff --git a/src/variables.css b/src/variables.css index e8e7bb4..cb290a5 100644 --- a/src/variables.css +++ b/src/variables.css @@ -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;