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

優化暖色系統與雲端匯入頁
All checks were successful
CD Pipeline / deploy (push) Successful in 1m1s
Details

Browse Source
This commit is contained in:
OoO
2026-05-06 21:26:15 +08:00
parent 7bc81e966b
commit 464cb6b037
5 changed files with 255 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
/**
* MOMO Pro × Nothing × Claude 設計 Token v2.0
* — Nothing 的點陣骨架（黑白、像素、工業）
* — Claude 的暖米基底（#f0eee9、EwoooC 珊瑚橘 #d96f52）
* — Cream / warm wood / muted rose / apricot / terra cotta palette
*/
:root {
@@ -22,40 +22,57 @@
--momo-line-soft: rgba(42,37,32,0.18);
--momo-line-faint: rgba(42,37,32,0.10);
/* EwoooC 珊瑚橘（accent） */
--momo-accent: #d96f52; /* 主 accent */
--momo-accent-50: #fff4ef;
--momo-accent-100: #fde4d8;
--momo-accent-200: #f8c6b3;
--momo-accent-500: #d96f52;
--momo-accent-600: #c65f45;
--momo-accent-700: #9f4f3e;
--momo-accent-soft: rgba(217,111,82,0.13);
/* 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-strong: var(--momo-accent-700);
/* ===== EwoooC 暖色家族（全站運用） =====
* 全部留在暖色域（珊瑚/蜜桃/琥珀/玫瑰銅/暖橄欖），避免髒棕與冷藍紫
* 全部留在暖色域（terracotta / apricot / amber / dusty rose / olive bronze），避免髒棕與冷藍紫
* 用法：活動頁 / 標籤色 / 圖表分類色 / 各區段視覺主軸
*/
--momo-warm-caramel: #d96f52; /* 珊瑚橘 — 主 accent / 主要動作 */
--momo-warm-peach: #f29f7e; /* 蜜桃 — hover / 淡底層 */
--momo-warm-honey: #d6a12f; /* 琥珀金 — 提醒 / 次重點 */
--momo-warm-rust: #c85f6a; /* 玫瑰銅 — 下降 / 風險 */
--momo-warm-mahogany: #a95846; /* 暖陶紅 — 強調 / active */
--momo-warm-earth: #9a8f59; /* 暖橄欖 — 中性成功 / 輔助 */
--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-peach: var(--momo-warm-apricot);
--momo-warm-honey: var(--momo-warm-amber);
--momo-warm-rust: var(--momo-warm-rose);
--momo-warm-mahogany: var(--momo-warm-copper);
--momo-warm-earth: var(--momo-warm-olive);
/* 對應淡色（背景 / 軟標籤用） */
--momo-warm-caramel-soft: rgba(217,111,82,0.13);
--momo-warm-peach-soft: rgba(242,159,126,0.18);
--momo-warm-honey-soft: rgba(214,161,47,0.15);
--momo-warm-rust-soft: rgba(200,95,106,0.14);
--momo-warm-mahogany-soft:rgba(169,88,70,0.13);
--momo-warm-earth-soft: rgba(154,143,89,0.15);
--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-page-accent-2: var(--momo-warm-apricot);
--momo-page-accent-3: var(--momo-warm-amber);
--momo-page-accent-4: var(--momo-warm-rose);
--momo-page-accent-5: var(--momo-warm-olive);
/* 頁面調性：共用 shell 與反白 UI 以此套用各頁暖色 accent */
--momo-page-accent: var(--momo-warm-caramel);
--momo-page-accent-dark: var(--momo-warm-mahogany);
--momo-page-accent-soft: var(--momo-warm-caramel-soft);
--momo-page-inverse: #fff8ee;
--momo-page-inverse: #fff8ef;
/* ===== 標籤色系統（Tag / Chip / Badge 統一規範） =====
* 規則：
@@ -142,7 +159,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: #7f3f32;
--momo-primary-900: #5f4035;
/* 導航（Nothing 黑） */
--momo-nav-start: #1a1a1a;