From eee41cde9aeb3a24c6b36d73d37827fb78a02c98 Mon Sep 17 00:00:00 2001 From: sendevia Date: Fri, 31 Oct 2025 01:25:36 +0800 Subject: [PATCH] feat: update color palette --- .vitepress/theme/styles/tokens.scss | 113 ++++++++++++++++--------- .vitepress/theme/utils/colorPalette.ts | 2 +- 2 files changed, 76 insertions(+), 39 deletions(-) diff --git a/.vitepress/theme/styles/tokens.scss b/.vitepress/theme/styles/tokens.scss index fe35fb0..291ba2e 100644 --- a/.vitepress/theme/styles/tokens.scss +++ b/.vitepress/theme/styles/tokens.scss @@ -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; diff --git a/.vitepress/theme/utils/colorPalette.ts b/.vitepress/theme/utils/colorPalette.ts index 6d99977..394c566 100644 --- a/.vitepress/theme/utils/colorPalette.ts +++ b/.vitepress/theme/utils/colorPalette.ts @@ -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] },