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 59s
Details

Browse Source
This commit is contained in:
OoO
2026-05-06 21:01:07 +08:00
parent 11ccda0e1c
commit 7bc81e966b
7 changed files with 297 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
/**
* MOMO Pro × Nothing × Claude 設計 Token v2.0
* — Nothing 的點陣骨架（黑白、像素、工業）
* — Claude 的暖米基底（#f0eee9、焦糖橘 #c96442）
* — Claude 的暖米基底（#f0eee9、EwoooC 珊瑚橘 #d96f52）
*/
:root {
@@ -22,32 +22,34 @@
--momo-line-soft: rgba(42,37,32,0.18);
--momo-line-faint: rgba(42,37,32,0.10);
/* Claude 焦糖橘（accent） */
--momo-accent: #c96442; /* 主 accent */
--momo-accent-50: #fbf2ef;
--momo-accent-100: #f5e1d9;
--momo-accent-200: #ecc3b3;
--momo-accent-500: #c96442;
--momo-accent-600: #b1543a;
--momo-accent-700: #8f4530;
--momo-accent-soft: rgba(201,100,66,0.12);
/* 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);
--momo-accent-strong: var(--momo-accent-700);
/* ===== EwoooC 暖色家族（全站運用） =====
* 全部留在暖色域（紅/橘/金/土），不混入冷色
* 全部留在暖色域（珊瑚/蜜桃/琥珀/玫瑰銅/暖橄欖），避免髒棕與冷藍紫
* 用法：活動頁 / 標籤色 / 圖表分類色 / 各區段視覺主軸
*/
--momo-warm-caramel: #c96442; /* 焦糖橘 — 主 accent / 限時搶購 */
--momo-warm-honey: #b88416; /* 蜂蜜金 — 1.1 狂歡 / 警示 */
--momo-warm-rust: #b5342f; /* 暖紅 — 母親節 / danger */
--momo-warm-mahogany: #8f4530; /* 深焦糖 — 520 情人節 / 強調 */
--momo-warm-earth: #8a5a2b; /* 焦土 — 勞動節 / 中性暖 */
--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-caramel-soft: rgba(201,100,66,0.12);
--momo-warm-honey-soft: rgba(184,132,22,0.12);
--momo-warm-rust-soft: rgba(181,52,47,0.12);
--momo-warm-mahogany-soft:rgba(143,69,48,0.12);
--momo-warm-earth-soft: rgba(138,90,43,0.12);
--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);
/* 頁面調性：共用 shell 與反白 UI 以此套用各頁暖色 accent */
--momo-page-accent: var(--momo-warm-caramel);
@@ -140,7 +142,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: #5e2e20;
--momo-primary-900: #7f3f32;
/* 導航（Nothing 黑） */
--momo-nav-start: #1a1a1a;
@@ -154,8 +156,8 @@
--momo-gradient-primary: #1a1a1a;
--momo-gradient-nav: linear-gradient(180deg, #1a1a1a 0%, #000 100%);
--momo-gradient-success: #2a7a3f;
--momo-gradient-danger: #b5342f;
--momo-gradient-warning: #b88416;
--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%);
@@ -164,11 +166,11 @@
--momo-success-bg: #e3ebd9;
--momo-success-border: #c5d4b0;
--momo-success-text: #1f5a2d;
--momo-danger: #b5342f;
--momo-danger: var(--momo-warm-rust);
--momo-danger-bg: #f0d8d4;
--momo-danger-border: #d9b1ac;
--momo-danger-text: #7d2520;
--momo-warning: #b88416;
--momo-warning: var(--momo-warm-honey);
--momo-warning-bg: #f3e7c4;
--momo-warning-border: #d9c590;
--momo-warning-text: #6e500e;
@@ -183,8 +185,8 @@
--momo-text-tertiary: #9b9081;
--momo-text-disabled: #c4baa8;
--momo-text-inverse: #faf7f0;
--momo-text-link: #c96442;
--momo-text-link-hover: #8f4530;
--momo-text-link: var(--momo-warm-caramel);
--momo-text-link-hover: var(--momo-warm-mahogany);
--momo-text-strong: var(--momo-text-primary);
--momo-text-muted: var(--momo-text-secondary);
--momo-muted: var(--momo-text-secondary);
@@ -196,7 +198,7 @@
--momo-border-strong: rgba(42,37,32,0.42);
--momo-border-subtle: var(--momo-border-light);
--momo-border-dark: #2a2520;
--momo-border-focus: #c96442;
--momo-border-focus: var(--momo-warm-caramel);
--momo-divider: rgba(42,37,32,0.12);
/* Overlay */