From dbd8764b0daf54a00137dbc4ce0ea248b23089f0 Mon Sep 17 00:00:00 2001 From: dekun Date: Fri, 10 Jul 2026 12:42:51 +0800 Subject: [PATCH] Fix light-mode system logs readability and add calendar day card frames. Co-authored-by: Cursor --- lib/common/static/trade_stats_calendar.css | 33 ++++++++++++++-------- manual_trading_hub/static/app.css | 28 ++++++++++++++---- manual_trading_hub/static/index.html | 4 +-- 3 files changed, 46 insertions(+), 19 deletions(-) diff --git a/lib/common/static/trade_stats_calendar.css b/lib/common/static/trade_stats_calendar.css index 6fd603f..1eb1f05 100644 --- a/lib/common/static/trade_stats_calendar.css +++ b/lib/common/static/trade_stats_calendar.css @@ -2,6 +2,9 @@ .trade-cal-wrap { --trade-cal-wrap-bg: var(--inset-surface, rgba(0, 0, 0, 0.22)); --trade-cal-cell-bg: var(--section-surface, var(--inset-surface, rgba(0, 0, 0, 0.32))); + --trade-cal-cell-border: rgba(255, 255, 255, 0.14); + --trade-cal-cell-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); + --trade-cal-cell-empty-bg: color-mix(in srgb, var(--trade-cal-cell-bg) 72%, transparent); --trade-cal-cell-hover-bg: color-mix(in srgb, var(--accent, #6366f1) 12%, var(--trade-cal-cell-bg)); --trade-cal-cell-hover-border: color-mix(in srgb, var(--accent, #6366f1) 45%, transparent); --trade-cal-selected-border: rgba(59, 130, 246, 0.85); @@ -26,15 +29,19 @@ .trade-cal-wrap button.trade-cal-cell { background: var(--trade-cal-cell-bg) !important; background-image: none !important; - border: 1px solid transparent; - padding: 4px 3px; - min-height: 68px; + border: 1px solid var(--trade-cal-cell-border); + box-shadow: var(--trade-cal-cell-shadow); + padding: 6px 4px; + min-height: 72px; width: 100%; - box-shadow: none; line-height: 1.15; font-size: inherit; text-align: center; } +.trade-cal-wrap button.trade-cal-cell:not(.has-trade) { + background: var(--trade-cal-cell-empty-bg) !important; + cursor: default; +} .trade-cal-wrap button.trade-cal-cell:disabled { opacity: 1; cursor: default; @@ -74,13 +81,14 @@ .trade-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); - gap: 4px; + gap: 6px; } .trade-cal-cell { - min-height: 62px; - padding: 4px 3px; + min-height: 72px; + padding: 6px 4px; border-radius: 8px; - border: 1px solid transparent; + border: 1px solid var(--trade-cal-cell-border); + box-shadow: var(--trade-cal-cell-shadow); background: var(--trade-cal-cell-bg); color: inherit; font: inherit; @@ -151,10 +159,13 @@ html[data-theme="light"] .trade-cal-wrap { --trade-cal-wrap-bg: var(--inset-surface, #eef3f8); - --trade-cal-cell-bg: var(--section-surface, #f6f9fc); - --trade-cal-cell-hover-bg: color-mix(in srgb, var(--accent, #2563eb) 10%, #f6f9fc); + --trade-cal-cell-bg: #ffffff; + --trade-cal-cell-empty-bg: #f6f9fc; + --trade-cal-cell-border: rgba(0, 75, 115, 0.18); + --trade-cal-cell-shadow: 0 1px 4px rgba(30, 60, 100, 0.08); + --trade-cal-cell-hover-bg: color-mix(in srgb, var(--accent, #2563eb) 10%, #ffffff); --trade-cal-selected-border: rgba(37, 99, 235, 0.75); - --trade-cal-selected-bg: color-mix(in srgb, #2563eb 12%, #f6f9fc); + --trade-cal-selected-bg: color-mix(in srgb, #2563eb 12%, #ffffff); --trade-cal-selected-shadow: rgba(37, 99, 235, 0.35); --trade-cal-sick-tag-fg: #b91c1c; } diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css index dc55d36..5ee4390 100644 --- a/manual_trading_hub/static/app.css +++ b/manual_trading_hub/static/app.css @@ -8769,15 +8769,20 @@ html[data-theme="light"] .hub-options-summary strong { padding: 6px 14px; border-radius: 999px; border: 1px solid var(--border-soft); - background: var(--surface-2); - color: var(--text-soft); + background: var(--inset-surface); + color: var(--muted); cursor: pointer; font-size: 0.88rem; } +.hub-logs-tab:hover { + color: var(--text); + background: var(--nav-link-hover-bg, var(--panel-hover)); +} .hub-logs-tab.is-active { - background: var(--accent-soft); + background: var(--accent-dim); border-color: var(--accent); color: var(--text); + font-weight: 600; } #hub-logs-status.is-err { color: var(--danger, #f87171); @@ -8822,10 +8827,21 @@ html[data-theme="light"] .hub-options-summary strong { line-height: 1.45; white-space: pre-wrap; word-break: break-word; - background: var(--inset-surface, #0d1018); + background: var(--log-pre-bg, #0d1018); border-radius: 8px; - border: 1px solid var(--border-soft); - color: #d8deef; + border: 1px solid var(--log-pre-border, var(--border-soft)); + color: var(--log-pre-fg, #d8deef); +} +html[data-theme="light"] .hub-logs-pre { + --log-pre-bg: #f0f4f9; + --log-pre-border: rgba(0, 75, 115, 0.18); + --log-pre-fg: #1a2838; +} +html[data-theme="light"] .hub-logs-card-title { + color: var(--text); +} +html[data-theme="light"] .hub-logs-card-hint { + color: var(--muted); } @media (max-width: 960px) { .hub-logs-layout { diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html index a90c3f3..dc1fefe 100644 --- a/manual_trading_hub/static/index.html +++ b/manual_trading_hub/static/index.html @@ -15,8 +15,8 @@ - - + +