Fix light-mode system logs readability and add calendar day card frames.

Co-authored-by: Cursor <cursoragent@cursor.com>

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;
+  border: 1px solid var(--trade-cal-cell-border);
-  padding: 4px 3px;
+  box-shadow: var(--trade-cal-cell-shadow);
-  min-height: 68px;
+  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;
+  min-height: 72px;
-  padding: 4px 3px;
+  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-bg: #ffffff;
-  --trade-cal-cell-hover-bg: color-mix(in srgb, var(--accent, #2563eb) 10%, #f6f9fc);
+  --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;
 }

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);
+  background: var(--inset-surface);
-  color: var(--text-soft);
+  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);
+  border: 1px solid var(--log-pre-border, var(--border-soft));
-  color: #d8deef;
+  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 {

manual_trading_hub/static/index.html

@@ -15,8 +15,8 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
   <noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
-  <link rel="stylesheet" href="/assets/app.css?v=20260710-nav-theme" />
+  <link rel="stylesheet" href="/assets/app.css?v=20260710-logs-cal" />
-  <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=3" />
+  <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
   <script src="/assets/account_risk_badge.js?v=4"></script>
   <link rel="stylesheet" href="/assets/dashboard.css?v=20260707-dash-okx-options" />