From 28fc3587bb8ebdbaf47564557d9955c3dc7c3373 Mon Sep 17 00:00:00 2001 From: OoO Date: Wed, 6 May 2026 22:09:40 +0800 Subject: [PATCH] =?UTF-8?q?=E7=B5=B1=E4=B8=80=E5=9B=9E=E5=8E=9F=E6=9C=AC?= =?UTF-8?q?=20V2.4=20=E8=A6=96=E8=A6=BA=E8=89=B2=E7=B3=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/components/_ewoooc_shell.html | 7 +++-- templates/ewoooc_base.html | 24 +++++++------- web/static/css/ewoooc-tokens.css | 42 ++++++++++++------------- 3 files changed, 37 insertions(+), 36 deletions(-) diff --git a/templates/components/_ewoooc_shell.html b/templates/components/_ewoooc_shell.html index 93ad4ef..97dfcf3 100644 --- a/templates/components/_ewoooc_shell.html +++ b/templates/components/_ewoooc_shell.html @@ -34,15 +34,15 @@ } .momo-brand-name { color: var(--momo-text-primary, #2a2520) !important; - font-family: "JetBrains Mono", "Inter", var(--momo-font-family-base, system-ui), sans-serif !important; + font-family: var(--momo-font-display, "Inter", var(--momo-font-family-base, system-ui), sans-serif) !important; font-size: 18px; - font-weight: 850; + font-weight: 800; line-height: 1; letter-spacing: 0 !important; text-rendering: geometricPrecision; } .momo-logo-mark { - background: linear-gradient(135deg, var(--momo-warm-copper, #7f5a49), var(--momo-warm-caramel, #b98a5f)); + background: var(--momo-ink, #2a2520); color: var(--momo-bg-elevated, #fdfaf3); box-shadow: none; } @@ -205,6 +205,7 @@ EwoooC + 價格監控 v2.4 diff --git a/templates/ewoooc_base.html b/templates/ewoooc_base.html index cffa571..e549c54 100644 --- a/templates/ewoooc_base.html +++ b/templates/ewoooc_base.html @@ -30,9 +30,9 @@ } .momo-app[data-active-page="edm"], .momo-app[data-active-page="campaigns"] { - --momo-page-accent: var(--momo-warm-amber); - --momo-page-accent-dark: var(--momo-warm-copper); - --momo-page-accent-soft: var(--momo-warm-honey-soft); + --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-accent-2: var(--momo-warm-apricot); --momo-page-accent-3: var(--momo-warm-terracotta); --momo-page-accent-4: var(--momo-warm-olive); @@ -46,22 +46,22 @@ --momo-page-accent-soft: var(--momo-warm-peach-soft); } .momo-app[data-active-page="vendor_stockout"] { - --momo-page-accent: var(--momo-warm-rust); - --momo-page-accent-dark: #7d2520; - --momo-page-accent-soft: var(--momo-warm-rust-soft); + --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-app[data-active-page="ai_recommend"], .momo-app[data-active-page="ai_history"], .momo-app[data-active-page="ai_intelligence"] { - --momo-page-accent: var(--momo-warm-honey); - --momo-page-accent-dark: #6e500e; - --momo-page-accent-soft: var(--momo-warm-honey-soft); + --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-app[data-active-page="auto_import"], .momo-app[data-active-page="market_intel"] { - --momo-page-accent: var(--momo-warm-terracotta); - --momo-page-accent-dark: var(--momo-warm-copper); - --momo-page-accent-soft: var(--momo-warm-mahogany-soft); + --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-accent-2: var(--momo-warm-amber); --momo-page-accent-3: var(--momo-warm-apricot); --momo-page-accent-4: var(--momo-warm-olive); diff --git a/web/static/css/ewoooc-tokens.css b/web/static/css/ewoooc-tokens.css index 968060a..abbc401 100644 --- a/web/static/css/ewoooc-tokens.css +++ b/web/static/css/ewoooc-tokens.css @@ -22,30 +22,30 @@ --momo-line-soft: rgba(42,37,32,0.18); --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); + /* Claude 焦糖橘（原型主 accent） */ + --momo-accent: #c96442; + --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); --momo-accent-strong: var(--momo-accent-700); /* ===== EwoooC 暖色家族（全站運用） ===== - * 全部留在暖色域（terracotta / apricot / amber / dusty rose / olive bronze），避免髒棕與冷藍紫 + * 全部留在暖色域（紅 / 橘 / 金 / 土），對齊原本 V2.4 視覺 * 用法：活動頁 / 標籤色 / 圖表分類色 / 各區段視覺主軸 */ --momo-warm-cream: #f7efe3; /* 奶油米白 — 大面積背景 */ --momo-warm-latte: #d8c1aa; /* 奶茶木色 — 邊界 / 分隔 */ - --momo-warm-caramel: #b98a5f; /* 低飽和焦糖 — 次重點 */ - --momo-warm-terracotta: #b86f52; /* 磚紅土陶 — CTA / active */ + --momo-warm-caramel: #c96442; /* 焦糖橘 — 主 accent / active */ + --momo-warm-terracotta: #c96442; /* 相容舊命名，指向主 accent */ --momo-warm-apricot: #e7b98f; /* 杏色 — hover / 淡暖層次 */ - --momo-warm-amber: #c69a4a; /* 柔琥珀 — 提醒 / 數字亮點 */ - --momo-warm-rose: #b98286; /* 乾燥玫瑰 — 風險 / 區塊底 */ - --momo-warm-copper: #7f5a49; /* 溫潤木棕 — 深色 active / 邊界 */ - --momo-warm-olive: #8f8968; /* 暖橄欖 — 中性成功 / 輔助 */ + --momo-warm-amber: #b88416; /* 蜂蜜金 — 警示 / 次重點 */ + --momo-warm-rose: #b5342f; /* 暖紅 — danger */ + --momo-warm-copper: #8f4530; /* 深焦糖 — 強調 / 深色 active */ + --momo-warm-olive: #8a5a2b; /* 焦土 — 中性暖 */ --momo-warm-greige: #b8aea2; /* 暖灰 — 次文字 / disabled */ --momo-warm-blush: #edd6cc; /* 霧粉 — 柔和分區底 */ @@ -56,12 +56,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-caramel-soft: rgba(201,100,66,0.12); --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-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-page-accent-2: var(--momo-warm-apricot); --momo-page-accent-3: var(--momo-warm-amber);