wooo/ewoooc
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

調整暖色系為鮮明純色
All checks were successful
CD Pipeline / deploy (push) Successful in 1m0s
Details

Browse Source
This commit is contained in:
OoO
2026-05-06 21:46:18 +08:00
parent 464cb6b037
commit dc137e33ca
12 changed files with 149 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
web/static/css/ewoooc-tokens.css
View File

@@ -1,7 +1,7 @@
/**
* MOMO Pro × Nothing × Claude 設計 Token v2.0
* — Nothing 的點陣骨架（黑白、像素、工業）
* — Cream / warm wood / muted rose / apricot / terra cotta palette
* — Cream / warm coral / apricot / marigold / dusty rose palette
*/
:root {
@@ -23,31 +23,32 @@
--momo-line-faint: rgba(42,37,32,0.10);
/* EwoooC refined warm accent */
--momo-accent: #b86f52; /* muted terra cotta */
--momo-accent-50: #fbf4ee;
--momo-accent-100: #f2dfd2;
--momo-accent-200: #dfb89f;
--momo-accent-500: #b86f52;
--momo-accent-600: #9f5f49;
--momo-accent-700: #7a4d3f;
--momo-accent-soft: rgba(184,111,82,0.12);
--momo-accent: #e4573d; /* tomato coral */
--momo-accent-50: #fff3ed;
--momo-accent-100: #ffd8c7;
--momo-accent-200: #ffb49c;
--momo-accent-500: #e4573d;
--momo-accent-600: #cc4935;
--momo-accent-700: #9f332a;
--momo-accent-soft: rgba(228,87,61,0.12);
--momo-accent-strong: var(--momo-accent-700);
/* ===== EwoooC 暖色家族（全站運用） =====
* 全部留在暖色域（terracotta / apricot / amber / dusty rose / olive bronze），避免髒棕與冷藍紫
* 全部留在暖色域（coral / apricot / marigold / dusty rose / olive），避免髒棕與冷藍紫
* 用法：活動頁 / 標籤色 / 圖表分類色 / 各區段視覺主軸
*/
--momo-warm-cream: #f7efe3; /* 奶油米白 — 大面積背景 */
--momo-warm-latte: #d8c1aa; /* 奶茶木色 — 邊界 / 分隔 */
--momo-warm-caramel: #b98a5f; /* 低飽和焦糖 — 次重點 */
--momo-warm-terracotta: #b86f52; /* 磚紅土陶 — CTA / active */
--momo-warm-apricot: #e7b98f; /* 杏色 — hover / 淡暖層次 */
--momo-warm-amber: #c69a4a; /* 柔琥珀 — 提醒 / 數字亮點 */
--momo-warm-rose: #b98286; /* 乾燥玫瑰 — 風險 / 區塊底 */
--momo-warm-copper: #7f5a49; /* 溫潤木棕 — 深色 active / 邊界 */
--momo-warm-olive: #8f8968; /* 暖橄欖 — 中性成功 / 輔助 */
--momo-warm-greige: #b8aea2; /* 暖灰 — 次文字 / disabled */
--momo-warm-blush: #edd6cc; /* 霧粉 — 柔和分區底 */
--momo-warm-cream: #fff4e6; /* 奶油米白 — 大面積背景 */
--momo-warm-latte: #e6cfba; /* 奶茶木色 — 邊界 / 分隔 */
--momo-warm-caramel: #d98a4a; /* 杏焦橘 — 次重點 */
--momo-warm-terracotta: #e4573d; /* 番茄珊瑚 — CTA / active */
--momo-warm-coral: #ff7a59; /* 亮珊瑚 — 小面積亮點 */
--momo-warm-apricot: #ffb36b; /* 杏橘 — hover / 淡暖層次 */
--momo-warm-amber: #f2b84b; /* 金盞黃 — 提醒 / 數字亮點 */
--momo-warm-rose: #d96c75; /* 乾燥玫瑰 — 風險 / 區塊底 */
--momo-warm-copper: #9a6a52; /* 暖銅 — 只做文字 / 細邊 */
--momo-warm-olive: #91a85a; /* 暖橄欖 — 中性成功 / 輔助 */
--momo-warm-greige: #b7aa9d; /* 暖灰 — 次文字 / disabled */
--momo-warm-blush: #ffe0d3; /* 霧粉 — 柔和分區底 */
/* 舊命名相容 */
--momo-warm-peach: var(--momo-warm-apricot);
@@ -56,12 +57,12 @@
--momo-warm-mahogany: var(--momo-warm-copper);
--momo-warm-earth: var(--momo-warm-olive);
/* 對應淡色（背景 / 軟標籤用） */
--momo-warm-caramel-soft: rgba(185,138,95,0.14);
--momo-warm-peach-soft: rgba(231,185,143,0.22);
--momo-warm-honey-soft: rgba(198,154,74,0.15);
--momo-warm-rust-soft: rgba(185,130,134,0.14);
--momo-warm-mahogany-soft:rgba(127,90,73,0.12);
--momo-warm-earth-soft: rgba(143,137,104,0.15);
--momo-warm-caramel-soft: rgba(217,138,74,0.15);
--momo-warm-peach-soft: rgba(255,179,107,0.22);
--momo-warm-honey-soft: rgba(242,184,75,0.17);
--momo-warm-rust-soft: rgba(217,108,117,0.16);
--momo-warm-mahogany-soft:rgba(154,106,82,0.10);
--momo-warm-earth-soft: rgba(145,168,90,0.16);
--momo-page-accent-2: var(--momo-warm-apricot);
--momo-page-accent-3: var(--momo-warm-amber);
@@ -159,7 +160,7 @@
--momo-primary-600: var(--momo-accent-600);
--momo-primary-700: var(--momo-accent-700);
--momo-primary-800: var(--momo-accent-700);
--momo-primary-900: #5f4035;
--momo-primary-900: #7f241f;
/* 導航（Nothing 黑） */
--momo-nav-start: #1a1a1a;
@@ -169,14 +170,14 @@
--momo-nav-hover: rgba(255,255,255,0.08);
--momo-nav-active: rgba(255,255,255,0.14);
/* 漸層 → Nothing 風幾乎不用，保留低調黑灰漸層 */
/* 漸層相容 token：實際輸出改為純色，避免大面積混色變髒 */
--momo-gradient-primary: #1a1a1a;
--momo-gradient-nav: linear-gradient(180deg, #1a1a1a 0%, #000 100%);
--momo-gradient-nav: #1a1a1a;
--momo-gradient-success: #2a7a3f;
--momo-gradient-danger: var(--momo-warm-rust);
--momo-gradient-warning: var(--momo-warm-honey);
--momo-gradient-info: #2d5d80;
--momo-gradient-subtle: linear-gradient(180deg, #f7f5ef 0%, #ebe8e1 100%);
--momo-gradient-subtle: #f7f1e8;
/* 狀態色（去飽和化、配合米色底） */
--momo-success: #2a7a3f;