分区局部换主题（可嵌套）亮色反转 ============================================================ */ /* ---------- violet ---------- */ [data-theme="violet"] { --theme-name: "violet"; /* 25 级色阶: 0 = 最暗, 24 = 最亮 */ --tone-0: #070810; --tone-1: #0c0d1b; --tone-2: #111222; --tone-3: #18182d; --tone-4: #1f1f38; --tone-5: #252644; --tone-6: #2f2e52; --tone-7: #38365d; --tone-8: #433f6a; --tone-9: #4e4a7b; --tone-10: #5a5589; --tone-11: #655f97; --tone-12: #726aa7; --tone-13: #7f75b5; --tone-14: #8b80c2; --tone-15: #988bd0; --tone-16: #a596db; --tone-17: #b1a1e8; --tone-18: #c1b3f0; --tone-19: #ccc2f5; --tone-20: #d9d1f6; --tone-21: #e5ddff; --tone-22: #f1eaff; --tone-23: #fbf4ff; --tone-24: #fdfbff; /* 同色阶 · 25% / 50% / 80% 不透明度 */ --tone-0-a25: #06081640; --tone-1-a25: #0b0c2640; --tone-2-a25: #0f112e40; --tone-3-a25: #17173940; --tone-4-a25: #1e1e4440; --tone-5-a25: #24255240; --tone-6-a25: #2e2d5c40; --tone-7-a25: #38356840; --tone-8-a25: #433d7a40; --tone-9-a25: #4e498840; --tone-10-a25: #5a549740; --tone-11-a25: #655da640; --tone-12-a25: #7368b740; --tone-13-a25: #8073c640; --tone-14-a25: #8c7fce40; --tone-15-a25: #9a89e240; --tone-16-a25: #a893f340; --tone-17-a25: #b59dff40; --tone-18-a25: #c5afff40; --tone-19-a25: #cdc0ff40; --tone-20-a25: #dad0fd40; --tone-21-a25: #e6dcff40; --tone-22-a25: #f2e9ff40; --tone-23-a25: #fcf4ff40; --tone-24-a25: #fdfbff40; --tone-0-a50: #06081680; --tone-1-a50: #0b0d2080; --tone-2-a50: #10122780; --tone-3-a50: #18183180; --tone-4-a50: #1f1f3d80; --tone-5-a50: #24264a80; --tone-6-a50: #2f2d5980; --tone-7-a50: #38356480; --tone-8-a50: #433e7280; --tone-9-a50: #4e498480; --tone-10-a50: #5a549280; --tone-11-a50: #635fa180; --tone-12-a50: #6d6ab280; --tone-13-a50: #7a75c180; --tone-14-a50: #8680ce80; --tone-15-a50: #938bdd80; --tone-16-a50: #a495e780; --tone-17-a50: #b39efb80; --tone-18-a50: #c4b0ff80; --tone-19-a50: #cec0ff80; --tone-20-a50: #d9d1f980; --tone-21-a50: #e5ddff80; --tone-22-a50: #f1eaff80; --tone-23-a50: #fbf4ff80; --tone-24-a50: #fdfbff80; --tone-0-a80: #060818cc; --tone-1-a80: #0b0c26cc; --tone-2-a80: #0f1131cc; --tone-3-a80: #161640cc; --tone-4-a80: #1e1e48cc; --tone-5-a80: #232555cc; --tone-6-a80: #2e2d63cc; --tone-7-a80: #38356bcc; --tone-8-a80: #433e76cc; --tone-9-a80: #4e4988cc; --tone-10-a80: #5a5497cc; --tone-11-a80: #655e9ccc; --tone-12-a80: #7269accc; --tone-13-a80: #7f74bbcc; --tone-14-a80: #8b7fc8cc; --tone-15-a80: #998ad6cc; --tone-16-a80: #a695e1cc; --tone-17-a80: #b2a0eecc; --tone-18-a80: #c2b2f5cc; --tone-19-a80: #ccc1facc; --tone-20-a80: #dad0fdcc; --tone-21-a80: #e6dcffcc; --tone-22-a80: #f2e9ffcc; --tone-23-a80: #fcf4ffcc; --tone-24-a80: #fdfbffcc; /* 强调色: 暖 / 冷各 3 档 (1 最亮 → 3 最深) */ --accent-warm-1: #ffb2c6; --accent-warm-2: #fc97b1; --accent-warm-3: #f77e9c; --accent-warm-a50: #ffb2c680; --accent-cool-1: #adb5ff; --accent-cool-2: #929cfc; --accent-cool-3: #7884f7; --accent-cool-a50: #adb5ff80; /* 4 层表面 (elevation): 189° 微倾斜渐变, 非 180° —— 刻意避免机械感 */ --surface-0: linear-gradient(189deg, #1f1f38 0.55%, #18182d 30.38%, #111222 65.19%, #0c0d1b 100%); --surface-1: linear-gradient(189deg, #2f2e52 0.55%, #252644 30.38%, #1f1f38 65.19%, #18182d 100%); --surface-2: linear-gradient(189deg, #433f6a 0.55%, #38365d 30.38%, #2f2e52 65.19%, #252644 100%); --surface-3: linear-gradient(189deg, #5a5589 0.55%, #4e4a7b 30.38%, #433f6a 65.19%, #38365d 100%); /* 顶部光晕: 三色径向渐变, 自顶部中央发散 —— 整套设计的视觉签名 */ --glow: radial-gradient(62.79% 100% at 50% 0%, #ffdf80 0%, #f4717c 50%, #e963c7 100%); } [data-theme="violet"][data-mode="light"], :where([data-mode="light"]) [data-theme="violet"]:not([data-mode="dark"]) { --surface-0: linear-gradient(189deg, #e6e0f9 0.55%, #e5ddff 30.38%, #f1eaff 65.19%, #fbf4ff 100%); --surface-1: linear-gradient(189deg, #d6ccf5 0.55%, #ccc2f5 30.38%, #d9d1f6 65.19%, #e5ddff 100%); --surface-2: linear-gradient(189deg, #c4b9e8 0.55%, #b1a1e8 30.38%, #c1b3f0 65.19%, #ccc2f5 100%); --surface-3: linear-gradient(189deg, #b3abd7 0.55%, #988bd0 30.38%, #a596db 65.19%, #b1a1e8 100%); } /* ---------- plum ---------- */ [data-theme="plum"] { --theme-name: "plum"; /* 25 级色阶: 0 = 最暗, 24 = 最亮 */ --tone-0: #090711; --tone-1: #0f0c1a; --tone-2: #16111f; --tone-3: #1e1728; --tone-4: #271c33; --tone-5: #31223e; --tone-6: #3f284b; --tone-7: #4b2f54; --tone-8: #583660; --tone-9: #6a3e6c; --tone-10: #78487a; --tone-11: #855381; --tone-12: #955d8d; --tone-13: #a46798; --tone-14: #b272a1; --tone-15: #c07eaa; --tone-16: #ce89b2; --tone-17: #da96ba; --tone-18: #e6a9c6; --tone-19: #f1b8cc; --tone-20: #f2cbd3; --tone-21: #fbd9e0; --tone-22: #fee8ea; --tone-23: #fff3f5; --tone-24: #fffafa; /* 同色阶 · 25% / 50% / 80% 不透明度 */ --tone-0-a25: #0a061840; --tone-1-a25: #100b2440; --tone-2-a25: #180f2940; --tone-3-a25: #21153140; --tone-4-a25: #2b1a3d40; --tone-5-a25: #361f4940; --tone-6-a25: #42275140; --tone-7-a25: #512c5d40; --tone-8-a25: #5d346640; --tone-9-a25: #6b3c7c40; --tone-10-a25: #79468640; --tone-11-a25: #89518b40; --tone-12-a25: #965c9440; --tone-13-a25: #a8659b40; --tone-14-a25: #bb6fa740; --tone-15-a25: #cf79b240; --tone-16-a25: #e382bb40; --tone-17-a25: #f38dc340; --tone-18-a25: #ffa0ce40; --tone-19-a25: #feb4ce40; --tone-20-a25: #f8c9d340; --tone-21-a25: #ffd7e040; --tone-22-a25: #ffe7e940; --tone-23-a25: #fff2f540; --tone-24-a25: #fffafa40; --tone-0-a50: #0a061880; --tone-1-a50: #100b2480; --tone-2-a50: #180f2980; --tone-3-a50: #21153180; --tone-4-a50: #2b1a3d80; --tone-5-a50: #361f4980; --tone-6-a50: #44265380; --tone-7-a50: #512c5d80; --tone-8-a50: #5f336a80; --tone-9-a50: #733a7680; --tone-10-a50: #82448580; --tone-11-a50: #904f8b80; --tone-12-a50: #9d599b80; --tone-13-a50: #a964a380; --tone-14-a50: #b86fac80; --tone-15-a50: #cb79b780; --tone-16-a50: #db84bf80; --tone-17-a50: #ea8fcb80; --tone-18-a50: #ffa0d680; --tone-19-a50: #ffb0d380; --tone-20-a50: #f8c9d380; --tone-21-a50: #ffd7e080; --tone-22-a50: #ffe7e980; --tone-23-a50: #fff2f580; --tone-24-a50: #fffafa80; --tone-0-a80: #0d0519cc; --tone-1-a80: #100b24cc; --tone-2-a80: #190f2bcc; --tone-3-a80: #271334cc; --tone-4-a80: #30183ecc; --tone-5-a80: #3b1e4acc; --tone-6-a80: #472459cc; --tone-7-a80: #532c5fcc; --tone-8-a80: #5f336acc; --tone-9-a80: #733a76cc; --tone-10-a80: #824485cc; --tone-11-a80: #895284cc; --tone-12-a80: #995b90cc; --tone-13-a80: #a8659bcc; --tone-14-a80: #b770a4cc; --tone-15-a80: #c57cadcc; --tone-16-a80: #d387b4cc; --tone-17-a80: #df94bccc; --tone-18-a80: #eba7c7cc; --tone-19-a80: #f5b7cdcc; --tone-20-a80: #f8c9d3cc; --tone-21-a80: #ffd7e0cc; --tone-22-a80: #ffe7e9cc; --tone-23-a80: #fff2f5cc; --tone-24-a80: #fffafacc; /* 强调色: 暖 / 冷各 3 档 (1 最亮 → 3 最深) */ --accent-warm-1: #ffd4a8; --accent-warm-2: #ffc080; --accent-warm-3: #ffa74d; --accent-warm-a50: #ffd4a880; --accent-cool-1: #ffc2d0; --accent-cool-2: #ef8fb6; --accent-cool-3: #d27eae; --accent-cool-a50: #ffc2d080; /* 4 层表面 (elevation): 189° 微倾斜渐变, 非 180° —— 刻意避免机械感 */ --surface-0: linear-gradient(189deg, #2d1f36 0.55%, #1e1728 30.38%, #16111f 65.19%, #0f0c1a 100%); --surface-1: linear-gradient(189deg, #472b4f 0.55%, #31223e 30.38%, #271c33 65.19%, #1e1728 100%); --surface-2: linear-gradient(189deg, #613b62 0.55%, #4b2f54 30.38%, #3f284b 65.19%, #31223e 100%); --surface-3: linear-gradient(189deg, #77466c 0.55%, #6a3e6c 30.38%, #583660 65.19%, #4b2f54 100%); /* 顶部光晕: 三色径向渐变, 自顶部中央发散 —— 整套设计的视觉签名 */ --glow: radial-gradient(62.79% 100% at 50% 0%, #ff9 0%, #f5899b 50%, #e963bc 100%); } [data-theme="plum"][data-mode="light"], :where([data-mode="light"]) [data-theme="plum"]:not([data-mode="dark"]) { --surface-0: linear-gradient(189deg, #f7dbe1 0.55%, #fbd9e0 30.38%, #fee8ea 65.19%, #fff3f5 100%); --surface-1: linear-gradient(189deg, #efc5d8 0.55%, #f1b8cc 30.38%, #f2cbd3 65.19%, #fbd9e0 100%); --surface-2: linear-gradient(189deg, #dfb1cb 0.55%, #da96ba 30.38%, #e6a9c6 65.19%, #f1b8cc 100%); --surface-3: linear-gradient(189deg, #cda2c0 0.55%, #c07eaa 30.38%, #ce89b2 65.19%, #da96ba 100%); } /* ---------- azure ---------- */ [data-theme="azure"] { --theme-name: "azure"; /* 25 级色阶: 0 = 最暗, 24 = 最亮 */ --tone-0: #08080f; --tone-1: #0d0c1a; --tone-2: #111127; --tone-3: #151732; --tone-4: #1c1e40; --tone-5: #21254c; --tone-6: #262e5b; --tone-7: #2c3868; --tone-8: #324275; --tone-9: #394e84; --tone-10: #415b93; --tone-11: #47679f; --tone-12: #4f74ad; --tone-13: #5981b6; --tone-14: #648dc2; --tone-15: #6e9bcb; --tone-16: #78a6d7; --tone-17: #84b3df; --tone-18: #92c4eb; --tone-19: #a5d1ef; --tone-20: #b6ddf3; --tone-21: #cae9f7; --tone-22: #d9f3fe; --tone-23: #e9fbff; --tone-24: #f9fdfe; /* 同色阶 · 25% / 50% / 80% 不透明度 */ --tone-0-a25: #06062940; --tone-1-a25: #0d0b2740; --tone-2-a25: #10103140; --tone-3-a25: #13163f40; --tone-4-a25: #1a1d5040; --tone-5-a25: #1e245f40; --tone-6-a25: #212d7140; --tone-7-a25: #26388040; --tone-8-a25: #2a428e40; --tone-9-a25: #2f4e9f40; --tone-10-a25: #355cb040; --tone-11-a25: #3868bc40; --tone-12-a25: #3e76cb40; --tone-13-a25: #4783d340; --tone-14-a25: #528fdf40; --tone-15-a25: #5b9ee640; --tone-16-a25: #64a9f340; --tone-17-a25: #6cb7fe40; --tone-18-a25: #7dc8ff40; --tone-19-a25: #93d5ff40; --tone-20-a25: #a6e0ff40; --tone-21-a25: #bdecff40; --tone-22-a25: #cef5ff40; --tone-23-a25: #e2fdff40; --tone-24-a25: #f7fdff40; --tone-0-a50: #06062280; --tone-1-a50: #0d0b2480; --tone-2-a50: #10102f80; --tone-3-a50: #14173a80; --tone-4-a50: #1b1e4680; --tone-5-a50: #21254c80; --tone-6-a50: #262e5b80; --tone-7-a50: #2c386880; --tone-8-a50: #32427580; --tone-9-a50: #394e8480; --tone-10-a50: #3c5b9f80; --tone-11-a50: #4168ab80; --tone-12-a50: #4f74ad80; --tone-13-a50: #5282c280; --tone-14-a50: #598ed380; --tone-15-a50: #629ddb80; --tone-16-a50: #68a9ed80; --tone-17-a50: #70b6f880; --tone-18-a50: #92c4eb80; --tone-19-a50: #a5d1ef80; --tone-20-a50: #b6ddf380; --tone-21-a50: #cae9f780; --tone-22-a50: #d9f3fe80; --tone-23-a50: #e9fbff80; --tone-24-a50: #f9fdfe80; --tone-0-a80: #060622cc; --tone-1-a80: #0d0b27cc; --tone-2-a80: #10102fcc; --tone-3-a80: #14163ccc; --tone-4-a80: #1a1d4dcc; --tone-5-a80: #1f245bcc; --tone-6-a80: #262e5bcc; --tone-7-a80: #2c3868cc; --tone-8-a80: #2d4284cc; --tone-9-a80: #394e84cc; --tone-10-a80: #415b93cc; --tone-11-a80: #47679fcc; --tone-12-a80: #4f74adcc; --tone-13-a80: #5981b6cc; --tone-14-a80: #648dc2cc; --tone-15-a80: #6e9bcbcc; --tone-16-a80: #78a6d7cc; --tone-17-a80: #84b3dfcc; --tone-18-a80: #92c4ebcc; --tone-19-a80: #a5d1efcc; --tone-20-a80: #b6ddf3cc; --tone-21-a80: #cae9f7cc; --tone-22-a80: #d9f3fecc; --tone-23-a80: #e9fbffcc; --tone-24-a80: #f9fdfecc; /* 强调色: 暖 / 冷各 3 档 (1 最亮 → 3 最深) */ --accent-warm-1: #ffc5b8; --accent-warm-2: #fcae9c; --accent-warm-3: #f79882; --accent-warm-a50: #ffc5b880; --accent-cool-1: #b8e8ff; --accent-cool-2: #9cddfc; --accent-cool-3: #82d1f7; --accent-cool-a50: #b8e8ff80; /* 4 层表面 (elevation): 189° 微倾斜渐变, 非 180° —— 刻意避免机械感 */ --surface-0: linear-gradient(189deg, #16203f 0.55%, #151732 30.38%, #111127 65.19%, #0d0c1a 100%); --surface-1: linear-gradient(189deg, #222f58 0.55%, #21254c 30.38%, #1c1e40 65.19%, #151732 100%); --surface-2: linear-gradient(189deg, #2a4279 0.55%, #2c3868 30.38%, #262e5b 65.19%, #21254c 100%); --surface-3: linear-gradient(189deg, #3a609c 0.55%, #394e84 30.38%, #324275 65.19%, #2c3868 100%); /* 顶部光晕: 三色径向渐变, 自顶部中央发散 —— 整套设计的视觉签名 */ --glow: radial-gradient(62.79% 100% at 50% 0%, #9cf 0%, #9b89f5 50%, #d263e9 100%); } [data-theme="azure"][data-mode="light"], :where([data-mode="light"]) [data-theme="azure"]:not([data-mode="dark"]) { --surface-0: linear-gradient(189deg, #cde8f7 0.55%, #cae9f7 30.38%, #d9f3fe 65.19%, #e9fbff 100%); --surface-1: linear-gradient(189deg, #b6d8f2 0.55%, #a5d1ef 30.38%, #b6ddf3 65.19%, #cae9f7 100%); --surface-2: linear-gradient(189deg, #a5c4e5 0.55%, #84b3df 30.38%, #92c4eb 65.19%, #a5d1ef 100%); --surface-3: linear-gradient(189deg, #98b4d7 0.55%, #6e9bcb 30.38%, #78a6d7 65.19%, #84b3df 100%); } /* ---------- ember ---------- */ [data-theme="ember"] { --theme-name: "ember"; /* 25 级色阶: 0 = 最暗, 24 = 最亮 */ --tone-0: #0b070e; --tone-1: #110b18; --tone-2: #1b0e1e; --tone-3: #251229; --tone-4: #321532; --tone-5: #3e1a37; --tone-6: #4d203e; --tone-7: #5b2742; --tone-8: #6b2e47; --tone-9: #7c364f; --tone-10: #8d4053; --tone-11: #9c4958; --tone-12: #ae535b; --tone-13: #bd5f5e; --tone-14: #c86b69; --tone-15: #d27b74; --tone-16: #da8a7f; --tone-17: #e2998a; --tone-18: #efaa9c; --tone-19: #f6baab; --tone-20: #f9cabc; --tone-21: #fadcce; --tone-22: #faebe2; --tone-23: #fcf5f0; --tone-24: #fefbf9; /* 同色阶 · 25% / 50% / 80% 不透明度 */ --tone-0-a25: #0d051a40; --tone-1-a25: #120a1b40; --tone-2-a25: #1e0d2240; --tone-3-a25: #29102e40; --tone-4-a25: #38133840; --tone-5-a25: #46173d40; --tone-6-a25: #571c4340; --tone-7-a25: #67234640; --tone-8-a25: #792a4a40; --tone-9-a25: #8c315140; --tone-10-a25: #9f3b5340; --tone-11-a25: #af435740; --tone-12-a25: #c34d5740; --tone-13-a25: #d3595840; --tone-14-a25: #de656340; --tone-15-a25: #e7766c40; --tone-16-a25: #ed857740; --tone-17-a25: #f9937e40; --tone-18-a25: #efaa9c40; --tone-19-a25: #f6baab40; --tone-20-a25: #f9cabc40; --tone-21-a25: #fadcce40; --tone-22-a25: #faebe240; --tone-23-a25: #fcf5f040; --tone-24-a25: #fefbf940; --tone-0-a50: #11041a80; --tone-1-a50: #16082580; --tone-2-a50: #220b2880; --tone-3-a50: #28112c80; --tone-4-a50: #36133680; --tone-5-a50: #43183b80; --tone-6-a50: #541e4280; --tone-7-a50: #63244580; --tone-8-a50: #742b4980; --tone-9-a50: #87335180; --tone-10-a50: #993c5380; --tone-11-a50: #a9455780; --tone-12-a50: #bc4f5980; --tone-13-a50: #cc5b5a80; --tone-14-a50: #d7676580; --tone-15-a50: #ee746a80; --tone-16-a50: #f4847480; --tone-17-a50: #ff907880; --tone-18-a50: #efaa9c80; --tone-19-a50: #f6baab80; --tone-20-a50: #f9cabc80; --tone-21-a50: #fadcce80; --tone-22-a50: #faebe280; --tone-23-a50: #fcf5f080; --tone-24-a50: #fefbf980; --tone-0-a80: #1b0021cc; --tone-1-a80: #1b0720cc; --tone-2-a80: #2b0923cc; --tone-3-a80: #3d0a2fcc; --tone-4-a80: #470f33cc; --tone-5-a80: #551335cc; --tone-6-a80: #67193acc; --tone-7-a80: #7d1d41cc; --tone-8-a80: #882641cc; --tone-9-a80: #923048cc; --tone-10-a80: #9f3b53cc; --tone-11-a80: #a94557cc; --tone-12-a80: #b5515acc; --tone-13-a80: #bd5f5ecc; --tone-14-a80: #c86b69cc; --tone-15-a80: #d27b74cc; --tone-16-a80: #e7877acc; --tone-17-a80: #ee9684cc; --tone-18-a80: #efaa9ccc; --tone-19-a80: #f6baabcc; --tone-20-a80: #f9cabccc; --tone-21-a80: #fadccecc; --tone-22-a80: #faebe2cc; --tone-23-a80: #fcf5f0cc; --tone-24-a80: #fefbf9cc; /* 强调色: 暖 / 冷各 3 档 (1 最亮 → 3 最深) */ --accent-warm-1: #e9c2ff; --accent-warm-2: #dda6fc; --accent-warm-3: #d18df7; --accent-warm-a50: #e9c2ff80; --accent-cool-1: #fddda1; --accent-cool-2: #f9d186; --accent-cool-3: #f5c875; --accent-cool-a50: #fddda180; /* 4 层表面 (elevation): 189° 微倾斜渐变, 非 180° —— 刻意避免机械感 */ --surface-0: linear-gradient(189deg, #321532 0.55%, #251229 30.38%, #1b0e1e 65.19%, #110b18 100%); --surface-1: linear-gradient(189deg, #4d203e 0.55%, #3e1a37 30.38%, #321532 65.19%, #251229 100%); --surface-2: linear-gradient(189deg, #6b2e47 0.55%, #5b2742 30.38%, #4d203e 65.19%, #3e1a37 100%); --surface-3: linear-gradient(189deg, #8d4053 0.55%, #7c364f 30.38%, #6b2e47 65.19%, #5b2742 100%); /* 顶部光晕: 三色径向渐变, 自顶部中央发散 —— 整套设计的视觉签名 */ --glow: radial-gradient(62.79% 100% at 50% 0%, #fc9 0%, #f59289 50%, #e9639b 100%); } [data-theme="ember"][data-mode="light"], :where([data-mode="light"]) [data-theme="ember"]:not([data-mode="dark"]) { --surface-0: linear-gradient(189deg, #fbdbd1 0.55%, #fadcce 30.38%, #faebe2 65.19%, #fcf5f0 100%); --surface-1: linear-gradient(189deg, #f4c6bd 0.55%, #f6baab 30.38%, #f9cabc 65.19%, #fadcce 100%); --surface-2: linear-gradient(189deg, #e7b2aa 0.55%, #e2998a 30.38%, #efaa9c 65.19%, #f6baab 100%); --surface-3: linear-gradient(189deg, #db9d9b 0.55%, #d27b74 30.38%, #da8a7f 65.19%, #e2998a 100%); } /* ---------- teal ---------- */ [data-theme="teal"] { --theme-name: "teal"; /* 25 级色阶: 0 = 最暗, 24 = 最亮 */ --tone-0: #08080f; --tone-1: #0d0c1a; --tone-2: #111126; --tone-3: #161733; --tone-4: #1a1f3c; --tone-5: #1f2747; --tone-6: #243152; --tone-7: #273c5c; --tone-8: #2b4769; --tone-9: #315573; --tone-10: #32637d; --tone-11: #347086; --tone-12: #3e7d92; --tone-13: #438b9e; --tone-14: #4d96a9; --tone-15: #54a5b3; --tone-16: #62b0c0; --tone-17: #6ebdc5; --tone-18: #7ecdd3; --tone-19: #8cdadd; --tone-20: #a2e5e6; --tone-21: #b8f0ea; --tone-22: #cdfaea; --tone-23: #e6fef2; --tone-24: #f8fdf9; /* 同色阶 · 25% / 50% / 80% 不透明度 */ --tone-0-a25: #07071c40; --tone-1-a25: #0d0b2040; --tone-2-a25: #10103040; --tone-3-a25: #15164040; --tone-4-a25: #171e4a40; --tone-5-a25: #1b275740; --tone-6-a25: #1e316340; --tone-7-a25: #1e3d6d40; --tone-8-a25: #1f497c40; --tone-9-a25: #22588540; --tone-10-a25: #26668740; --tone-11-a25: #25739040; --tone-12-a25: #2a829f40; --tone-13-a25: #328fa840; --tone-14-a25: #309dba40; --tone-15-a25: #41aabc40; --tone-16-a25: #43b8d040; --tone-17-a25: #48c7d440; --tone-18-a25: #65d4dc40; --tone-19-a25: #80dde140; --tone-20-a25: #9de6e840; --tone-21-a25: #b8f0ea40; --tone-22-a25: #cdfaea40; --tone-23-a25: #e6fef240; --tone-24-a25: #f8fdf940; --tone-0-a50: #07071c80; --tone-1-a50: #0d0b2780; --tone-2-a50: #10103080; --tone-3-a50: #15164080; --tone-4-a50: #171e4a80; --tone-5-a50: #1c275080; --tone-6-a50: #20315c80; --tone-7-a50: #213d6680; --tone-8-a50: #24487480; --tone-9-a50: #2b567a80; --tone-10-a50: #2a658480; --tone-11-a50: #2a728d80; --tone-12-a50: #347f9980; --tone-13-a50: #378ea580; --tone-14-a50: #3b9ab380; --tone-15-a50: #41aabc80; --tone-16-a50: #49b6cd80; --tone-17-a50: #4fc5d180; --tone-18-a50: #7ecdd380; --tone-19-a50: #8cdadd80; --tone-20-a50: #a2e5e680; --tone-21-a50: #b8f0ea80; --tone-22-a50: #cdfaea80; --tone-23-a50: #e6fef280; --tone-24-a50: #f8fdf980; --tone-0-a80: #060629cc; --tone-1-a80: #0d0b27cc; --tone-2-a80: #101030cc; --tone-3-a80: #151640cc; --tone-4-a80: #171e4acc; --tone-5-a80: #1c2750cc; --tone-6-a80: #1e325bcc; --tone-7-a80: #1e3e64cc; --tone-8-a80: #1e4a70cc; --tone-9-a80: #225978cc; --tone-10-a80: #2e6480cc; --tone-11-a80: #397e95cc; --tone-12-a80: #2f7189cc; --tone-13-a80: #3d8ca1cc; --tone-14-a80: #4d96a9cc; --tone-15-a80: #4ea7b6cc; --tone-16-a80: #62b0c0cc; --tone-17-a80: #6ebdc5cc; --tone-18-a80: #7ecdd3cc; --tone-19-a80: #8cdaddcc; --tone-20-a80: #a2e5e6cc; --tone-21-a80: #b8f0eacc; --tone-22-a80: #cdfaeacc; --tone-23-a80: #e6fef2cc; --tone-24-a80: #f8fdf9cc; /* 强调色: 暖 / 冷各 3 档 (1 最亮 → 3 最深) */ --accent-warm-1: #e6ffa3; --accent-warm-2: #e1fa9e; --accent-warm-3: #d6f485; --accent-warm-a50: #e6ffa380; --accent-cool-1: #cebff8; --accent-cool-2: #baa6f2; --accent-cool-3: #a890ea; --accent-cool-a50: #cebff880; /* 4 层表面 (elevation): 189° 微倾斜渐变, 非 180° —— 刻意避免机械感 */ --surface-0: linear-gradient(189deg, #142242 0.55%, #161733 30.38%, #111126 65.19%, #0d0c1a 100%); --surface-1: linear-gradient(189deg, #1f355b 0.55%, #1f2747 30.38%, #1a1f3c 65.19%, #161733 100%); --surface-2: linear-gradient(189deg, #245673 0.55%, #273c5c 30.38%, #243152 65.19%, #1f2747 100%); --surface-3: linear-gradient(189deg, #2f668e 0.55%, #315573 30.38%, #2b4769 65.19%, #273c5c 100%); /* 顶部光晕: 三色径向渐变, 自顶部中央发散 —— 整套设计的视觉签名 */ --glow: radial-gradient(62.79% 100% at 50% 0%, #9fa 0%, #89f5e3 50%, #799fec 100%); } [data-theme="teal"][data-mode="light"], :where([data-mode="light"]) [data-theme="teal"]:not([data-mode="dark"]) { --surface-0: linear-gradient(189deg, #c0eded 0.55%, #b8f0ea 30.38%, #cdfaea 65.19%, #e6fef2 100%); --surface-1: linear-gradient(189deg, #a9dee0 0.55%, #8cdadd 30.38%, #a2e5e6 65.19%, #b8f0ea 100%); --surface-2: linear-gradient(189deg, #96cbd4 0.55%, #6ebdc5 30.38%, #7ecdd3 65.19%, #8cdadd 100%); --surface-3: linear-gradient(189deg, #89bac5 0.55%, #54a5b3 30.38%, #62b0c0 65.19%, #6ebdc5 100%); } /* ---------- moss ---------- */ [data-theme="moss"] { --theme-name: "moss"; /* 25 级色阶: 0 = 最暗, 24 = 最亮 */ --tone-0: #040a0c; --tone-1: #071012; --tone-2: #0d1516; --tone-3: #0f1e1d; --tone-4: #162623; --tone-5: #1a2e29; --tone-6: #243830; --tone-7: #294235; --tone-8: #314d3d; --tone-9: #3a5a44; --tone-10: #43674b; --tone-11: #4d7253; --tone-12: #597f59; --tone-13: #678b63; --tone-14: #719768; --tone-15: #7fa36f; --tone-16: #8eae77; --tone-17: #9eb982; --tone-18: #b3c694; --tone-19: #c2d2a2; --tone-20: #d1ddb0; --tone-21: #e1e7c7; --tone-22: #edf3d3; --tone-23: #f6f9e7; --tone-24: #fcfdf2; /* 同色阶 · 25% / 50% / 80% 不透明度 */ --tone-0-a25: #040a0c40; --tone-1-a25: #07101240; --tone-2-a25: #0d151640; --tone-3-a25: #0f1e1d40; --tone-4-a25: #16262340; --tone-5-a25: #1a2e2940; --tone-6-a25: #24383040; --tone-7-a25: #29423540; --tone-8-a25: #314d3d40; --tone-9-a25: #3a5a4440; --tone-10-a25: #43674b40; --tone-11-a25: #4d725340; --tone-12-a25: #597f5940; --tone-13-a25: #678b6340; --tone-14-a25: #71976840; --tone-15-a25: #7fa36f40; --tone-16-a25: #8eae7740; --tone-17-a25: #9eb98240; --tone-18-a25: #b3c69440; --tone-19-a25: #c2d2a240; --tone-20-a25: #d1ddb040; --tone-21-a25: #e1e7c740; --tone-22-a25: #edf3d340; --tone-23-a25: #f6f9e740; --tone-24-a25: #fcfdf240; --tone-0-a50: #040a0c80; --tone-1-a50: #07101280; --tone-2-a50: #0d151680; --tone-3-a50: #0f1e1d80; --tone-4-a50: #16262380; --tone-5-a50: #1a2e2980; --tone-6-a50: #24383080; --tone-7-a50: #29423580; --tone-8-a50: #314d3d80; --tone-9-a50: #3a5a4480; --tone-10-a50: #43674b80; --tone-11-a50: #4d725380; --tone-12-a50: #597f5980; --tone-13-a50: #678b6380; --tone-14-a50: #6c996180; --tone-15-a50: #7aa56780; --tone-16-a50: #8ab06e80; --tone-17-a50: #9eb98280; --tone-18-a50: #b3c69480; --tone-19-a50: #c2d2a280; --tone-20-a50: #d1ddb080; --tone-21-a50: #e1e7c780; --tone-22-a50: #edf3d380; --tone-23-a50: #f6f9e780; --tone-24-a50: #fcfdf280; --tone-0-a80: #00130ecc; --tone-1-a80: #001411cc; --tone-2-a80: #071714cc; --tone-3-a80: #052117cc; --tone-4-a80: #0d291ccc; --tone-5-a80: #133124cc; --tone-6-a80: #1e3a2bcc; --tone-7-a80: #22452dcc; --tone-8-a80: #2a5037cc; --tone-9-a80: #325d3ccc; --tone-10-a80: #43674bcc; --tone-11-a80: #4d7253cc; --tone-12-a80: #597f59cc; --tone-13-a80: #678b63cc; --tone-14-a80: #719768cc; --tone-15-a80: #7fa36fcc; --tone-16-a80: #8eae77cc; --tone-17-a80: #9eb982cc; --tone-18-a80: #b3c694cc; --tone-19-a80: #c2d2a2cc; --tone-20-a80: #d1ddb0cc; --tone-21-a80: #e1e7c7cc; --tone-22-a80: #edf3d3cc; --tone-23-a80: #f6f9e7cc; --tone-24-a80: #fcfdf2cc; /* 强调色: 暖 / 冷各 3 档 (1 最亮 → 3 最深) */ --accent-warm-1: #ffdf9e; --accent-warm-2: #fbd383; --accent-warm-3: #f6c76a; --accent-warm-a50: #ffdf9e80; --accent-cool-1: #f0ff9e; --accent-cool-2: #e9fb83; --accent-cool-3: #e1f66a; --accent-cool-a50: #f0ff9e80; /* 4 层表面 (elevation): 189° 微倾斜渐变, 非 180° —— 刻意避免机械感 */ --surface-0: linear-gradient(189deg, #142e25 0.55%, #0f1e1d 30.38%, #0d1516 65.19%, #071012 100%); --surface-1: linear-gradient(189deg, #1d3a2a 0.55%, #1a2e29 30.38%, #162623 65.19%, #0f1e1d 100%); --surface-2: linear-gradient(189deg, #295138 0.55%, #294235 30.38%, #243830 65.19%, #1a2e29 100%); --surface-3: linear-gradient(189deg, #416743 0.55%, #3a5a44 30.38%, #314d3d 65.19%, #294235 100%); /* 顶部光晕: 三色径向渐变, 自顶部中央发散 —— 整套设计的视觉签名 */ --glow: radial-gradient(62.79% 100% at 50% 0%, #ef9 0%, #f5c089 50%, #f47187 100%); } [data-theme="moss"][data-mode="light"], :where([data-mode="light"]) [data-theme="moss"]:not([data-mode="dark"]) { --surface-0: linear-gradient(189deg, #e0e8c7 0.55%, #e1e7c7 30.38%, #edf3d3 65.19%, #f6f9e7 100%); --surface-1: linear-gradient(189deg, #cdd9b5 0.55%, #c2d2a2 30.38%, #d1ddb0 65.19%, #e1e7c7 100%); --surface-2: linear-gradient(189deg, #b4caa2 0.55%, #9eb982 30.38%, #b3c694 65.19%, #c2d2a2 100%); --surface-3: linear-gradient(189deg, #a2bb98 0.55%, #7fa36f 30.38%, #8eae77 65.19%, #9eb982 100%); }