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

統一回原本 V2.4 視覺色系
All checks were successful
CD Pipeline / deploy (push) Successful in 1m0s
Details

Browse Source
This commit is contained in:
OoO
2026-05-06 22:09:40 +08:00
parent 57e4c575b1
commit 28fc3587bb
3 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
templates/components/_ewoooc_shell.html
View File

@@ -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 @@
</span>
<span class="momo-brand-word">
<span class="momo-brand-name">EwoooC</span>
<span class="momo-brand-subtitle momo-label">價格監控 v2.4</span>
</span>
</a>

24
templates/ewoooc_base.html
View File

@@ -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);

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

@@ -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);