sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-06 07:40:50 +08:00
Code Activity

feat: update color palette

Browse Source
This commit is contained in:
sendevia
2025-10-31 01:25:36 +08:00
parent f217803175
commit eee41cde9a
2 changed files with 76 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
.vitepress/theme/styles/tokens.scss
View File

@@ -2,49 +2,51 @@
:root {
// Base colors
--md-ref-palette-primary10: #410006;
--md-ref-palette-primary20: #68000f;
--md-ref-palette-primary30: #8c1520;
--md-ref-palette-primary40: #ae2f34;
--md-ref-palette-primary80: #ffb3b0;
--md-ref-palette-primary90: #ffdad8;
--md-ref-palette-primary10: #00201e;
--md-ref-palette-primary20: #003734;
--md-ref-palette-primary30: #00504b;
--md-ref-palette-primary40: #006a64;
--md-ref-palette-primary80: #50dbd0;
--md-ref-palette-primary90: #71f7ec;
--md-ref-palette-primary100: #ffffff;
--md-ref-palette-secondary10: #2c1514;
--md-ref-palette-secondary20: #442928;
--md-ref-palette-secondary30: #5d3f3e;
--md-ref-palette-secondary40: #775655;
--md-ref-palette-secondary80: #e7bdba;
--md-ref-palette-secondary90: #ffdad8;
--md-ref-palette-secondary10: #051f1d;
--md-ref-palette-secondary20: #1c3532;
--md-ref-palette-secondary30: #324b49;
--md-ref-palette-secondary40: #4a6360;
--md-ref-palette-secondary48: #5d7774;
--md-ref-palette-secondary80: #b0ccc8;
--md-ref-palette-secondary90: #cce8e4;
--md-ref-palette-secondary100: #ffffff;
--md-ref-palette-tertiary10: #271900;
--md-ref-palette-tertiary20: #412d05;
--md-ref-palette-tertiary30: #5a4319;
--md-ref-palette-tertiary40: #735a2e;
--md-ref-palette-tertiary80: #e3c28c;
--md-ref-palette-tertiary90: #ffdeaa;
--md-ref-palette-tertiary10: #001d33;
--md-ref-palette-tertiary20: #18324a;
--md-ref-palette-tertiary30: #304962;
--md-ref-palette-tertiary40: #48617a;
--md-ref-palette-tertiary80: #afc9e7;
--md-ref-palette-tertiary90: #cfe5ff;
--md-ref-palette-tertiary100: #ffffff;
--md-ref-palette-neutral0: #000000;
--md-ref-palette-neutral4: #120d0d;
--md-ref-palette-neutral6: #181212;
--md-ref-palette-neutral10: #201a1a;
--md-ref-palette-neutral12: #251e1e;
--md-ref-palette-neutral17: #2f2828;
--md-ref-palette-neutral20: #362f2e;
--md-ref-palette-neutral22: #3a3333;
--md-ref-palette-neutral24: #3f3737;
--md-ref-palette-neutral87: #e4d7d6;
--md-ref-palette-neutral90: #ede0de;
--md-ref-palette-neutral92: #f2e5e4;
--md-ref-palette-neutral94: #f8ebea;
--md-ref-palette-neutral95: #fbeeed;
--md-ref-palette-neutral96: #fef1ef;
--md-ref-palette-neutral98: #fff8f7;
--md-ref-palette-neutral4: #0b0f0e;
--md-ref-palette-neutral6: #101414;
--md-ref-palette-neutral10: #191c1c;
--md-ref-palette-neutral12: #1d2020;
--md-ref-palette-neutral17: #272b2a;
--md-ref-palette-neutral20: #2d3130;
--md-ref-palette-neutral22: #323535;
--md-ref-palette-neutral24: #363a39;
--md-ref-palette-neutral50: #747877;
--md-ref-palette-neutral87: #d8dbd9;
--md-ref-palette-neutral90: #e0e3e2;
--md-ref-palette-neutral92: #e6e9e7;
--md-ref-palette-neutral94: #eceeed;
--md-ref-palette-neutral95: #eff1f0;
--md-ref-palette-neutral96: #f2f4f3;
--md-ref-palette-neutral98: #f7faf8;
--md-ref-palette-neutral100: #ffffff;
--md-ref-palette-neutral-variant30: #534342;
--md-ref-palette-neutral-variant50: #857372;
--md-ref-palette-neutral-variant60: #a08c8b;
--md-ref-palette-neutral-variant80: #d7c1c0;
--md-ref-palette-neutral-variant90: #f4dddc;
--md-ref-palette-neutral-variant30: #3f4947;
--md-ref-palette-neutral-variant50: #6f7977;
--md-ref-palette-neutral-variant60: #899391;
--md-ref-palette-neutral-variant80: #bec9c6;
--md-ref-palette-neutral-variant90: #dae5e2;
--md-ref-palette-error10: #410002;
--md-ref-palette-error20: #690005;
--md-ref-palette-error30: #93000a;
@@ -52,6 +54,41 @@
--md-ref-palette-error80: #ffb4ab;
--md-ref-palette-error90: #ffdad6;
--md-ref-palette-error100: #ffffff;
--md-ref-palette-blue10: #002022;
--md-ref-palette-blue20: #00363b;
--md-ref-palette-blue30: #004f55;
--md-ref-palette-blue40: #006970;
--md-ref-palette-blue80: #4dd9e5;
--md-ref-palette-blue90: #7ff4ff;
--md-ref-palette-blue95: #c7faff;
--md-ref-palette-green10: #002019;
--md-ref-palette-green20: #00382c;
--md-ref-palette-green30: #005141;
--md-ref-palette-green40: #006b57;
--md-ref-palette-green80: #5ddbbb;
--md-ref-palette-green90: #7cf8d7;
--md-ref-palette-green95: #b8ffe9;
--md-ref-palette-purple10: #190261;
--md-ref-palette-purple20: #2f2176;
--md-ref-palette-purple30: #463a8d;
--md-ref-palette-purple40: #5e52a7;
--md-ref-palette-purple80: #c8bfff;
--md-ref-palette-purple90: #e5deff;
--md-ref-palette-purple95: #f4eeff;
--md-ref-palette-red10: #3d0024;
--md-ref-palette-red20: #5c113b;
--md-ref-palette-red30: #792953;
--md-ref-palette-red40: #96416b;
--md-ref-palette-red80: #ffafd1;
--md-ref-palette-red90: #ffd8e6;
--md-ref-palette-red95: #ffecf1;
--md-ref-palette-yellow10: #1e1c00;
--md-ref-palette-yellow20: #343200;
--md-ref-palette-yellow30: #4c4900;
--md-ref-palette-yellow40: #656100;
--md-ref-palette-yellow80: #d1cb54;
--md-ref-palette-yellow90: #eee76c;
--md-ref-palette-yellow95: #fcf579;
// Motion(https://m3.material.io/styles/motion/overview/specs)
--md-sys-motion-duration-short1: 50ms;

2
.vitepress/theme/utils/colorPalette.ts
View File

@@ -63,7 +63,7 @@ export async function generateColorPalette(baseColor: number) {
const palettes: Palette[] = [
{ name: "error", append: "error", tones: [10, 20, 30, 40, 80, 90, 100] },
{ name: "neutralVariant", append: "n2", tones: [30, 50, 60, 80, 90] },
{ name: "neutral", append: "n1", tones: [0, 4, 6, 10, 12, 17, 20, 22, 24, 87, 90, 92, 94, 95, 96, 98, 100] },
{ name: "neutral", append: "n1", tones: [0, 4, 6, 10, 12, 17, 20, 22, 24, 50, 87, 90, 92, 94, 95, 96, 98, 100] },
{ name: "tertiary", append: "a3", tones: [10, 20, 30, 40, 80, 90, 100] },
{ name: "secondary", append: "a2", tones: [10, 20, 30, 40, 48, 80, 90, 100] },
{ name: "primary", append: "a1", tones: [10, 20, 30, 40, 80, 90, 100] },