fix(theme): improve light mode contrast across instance and options pages

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

lib/common/static/instance_theme.css

@@ -341,12 +341,13 @@
 }
 
 html[data-theme="light"] {
+  background: #c8d4de;
   color-scheme: light;
 }
 
 html[data-theme="light"] body {
-  background: #d8e2ec !important;
+  background: #c8d4de !important;
-  color: #1a2838 !important;
+  color: #142232 !important;
 }
 
 html[data-theme="light"] .header h1 {
@@ -376,13 +377,15 @@ html[data-theme="light"] .meta-item,
 html[data-theme="light"] .list-item,
 html[data-theme="light"] .journal-card {
   background: #fff !important;
-  border-color: #b8c8d8 !important;
+  border-color: #9eb0c4 !important;
+  box-shadow: 0 1px 3px rgba(20, 34, 50, 0.06);
 }
 
 html[data-theme="light"] .stat-item .label,
 html[data-theme="light"] .status,
-html[data-theme="light"] .rule-tip {
+html[data-theme="light"] .rule-tip,
-  color: #4a6078 !important;
+html[data-theme="light"] .muted {
+  color: #3a5068 !important;
 }
 
 html[data-theme="light"] .stat-item .value,
@@ -393,9 +396,9 @@ html[data-theme="light"] .card h2 {
 html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
 html[data-theme="light"] select,
 html[data-theme="light"] textarea {
-  background: #f6f9fc !important;
+  background: #fff !important;
   color: #142232 !important;
-  border-color: #b8c8d8 !important;
+  border-color: #9eb0c4 !important;
 }
 
 html[data-theme="light"] input[type="checkbox"],
@@ -442,7 +445,8 @@ html[data-theme="light"] .flash {
 }
 
 html[data-theme="light"] th {
-  color: #4a6078 !important;
+  color: #334155 !important;
+  font-weight: 600 !important;
 }
 
 html[data-theme="light"] td {
@@ -506,7 +510,7 @@ html[data-theme="light"] .theme-toggle {
 }
 
 html[data-theme="light"] .theme-toggle-btn {
-  color: #4a6078;
+  color: #334155;
 }
 
 .theme-toggle-btn.is-active {
@@ -516,9 +520,9 @@ html[data-theme="light"] .theme-toggle-btn {
 }
 
 html[data-theme="light"] .theme-toggle-btn.is-active {
-  color: #006e9a;
+  color: #004d6e;
-  background: rgba(0, 110, 154, 0.12);
+  background: rgba(0, 110, 154, 0.16);
-  box-shadow: inset 0 0 0 1px #b8c8d8;
+  box-shadow: inset 0 0 0 1px #9eb0c4;
 }
 
 .header-row {
@@ -2891,6 +2895,137 @@ html[data-theme="light"] .settings-side-export-label {
   min-height: 1em;
   line-height: 1.35;
 }
+html[data-theme="light"] .stat-strip-item--pnl .value.pnl-pos {
+  color: #087a50 !important;
+  font-weight: 700 !important;
+}
+
+html[data-theme="light"] .stat-strip-item--pnl .value.pnl-neg {
+  color: #c03030 !important;
+  font-weight: 700 !important;
+}
+
+html[data-theme="light"] .btn-secondary {
+  background: #fff !important;
+  color: #004d6e !important;
+  border: 1px solid rgba(0, 95, 140, 0.32) !important;
+}
+
+html[data-theme="light"] .btn-secondary:hover {
+  background: #eef3f8 !important;
+}
+
+html[data-theme="light"] .btn-primary {
+  background: linear-gradient(90deg, #007aa8, #5b4fc7) !important;
+  color: #fff !important;
+  border: none !important;
+}
+
+html[data-theme="light"] code {
+  background: #eef3f8;
+  color: #142232;
+  border: 1px solid #c8d4e0;
+  padding: 1px 4px;
+  border-radius: 4px;
+  font-size: 0.92em;
+}
+
+html[data-theme="light"] .card-nested,
+html[data-theme="light"] .options-section.card-nested,
+html[data-theme="light"] .options-pos-subcard {
+  background: #f6f9fc !important;
+  border: 1px solid #c8d4e0 !important;
+}
+
+html[data-theme="light"] .options-strike-table thead th {
+  background: #eef3f8 !important;
+  color: #334155 !important;
+  border-bottom: 1px solid #c8d4e0 !important;
+}
+
+html[data-theme="light"] .options-strike-table th,
+html[data-theme="light"] .options-strike-table td {
+  border-bottom-color: #d0dae4 !important;
+  color: #142232 !important;
+}
+
+html[data-theme="light"] .options-page-wrap .options-pos-subcard h3,
+html[data-theme="light"] .options-settings-subtitle {
+  color: #142232 !important;
+}
+
+html[data-theme="light"] .options-page-wrap .options-hint,
+html[data-theme="light"] .options-page-wrap #opt-index-line,
+html[data-theme="light"] .options-order-grid .k,
+html[data-theme="light"] .options-stat-item .k {
+  color: #3a5068 !important;
+  opacity: 1 !important;
+}
+
+html[data-theme="light"] .options-page-wrap .options-order-grid .v,
+html[data-theme="light"] .options-page-wrap .options-stat-item .v {
+  color: #142232 !important;
+}
+
+html[data-theme="light"] .options-chain-toolbar .btn-secondary.active,
+html[data-theme="light"] .opt-uly-btn.active,
+html[data-theme="light"] .opt-type-btn.active,
+html[data-theme="light"] .opt-pos-tab.active {
+  border-color: rgba(0, 95, 140, 0.45) !important;
+  color: #004d6e !important;
+  background: rgba(0, 110, 154, 0.14) !important;
+  box-shadow: inset 0 0 0 1px rgba(0, 95, 140, 0.22) !important;
+}
+
+html[data-theme="light"] .opt-moneyness-itm {
+  color: #087a50 !important;
+  background: rgba(8, 122, 80, 0.12) !important;
+}
+
+html[data-theme="light"] .opt-moneyness-otm {
+  color: #4a6078 !important;
+  background: rgba(74, 96, 120, 0.1) !important;
+}
+
+html[data-theme="light"] .opt-moneyness-atm {
+  color: #8a6200 !important;
+  background: rgba(180, 130, 20, 0.12) !important;
+}
+
+html[data-theme="light"] .opt-strike-row.opt-row-selected td {
+  background: rgba(0, 110, 154, 0.08) !important;
+}
+
+html[data-theme="light"] .pos-pnl-profit {
+  color: #087a50 !important;
+  font-weight: 600 !important;
+}
+
+html[data-theme="light"] .pos-pnl-loss {
+  color: #c03030 !important;
+  font-weight: 600 !important;
+}
+
+html[data-theme="light"] .order-preview-profit {
+  color: #087a50 !important;
+}
+
+html[data-theme="light"] .order-preview-risk {
+  color: #c03030 !important;
+}
+
+html[data-theme="light"] .instance-header-panel {
+  background: #fff !important;
+  border: 1px solid #9eb0c4 !important;
+  box-shadow: 0 1px 3px rgba(20, 34, 50, 0.06);
+}
+
+html[data-theme="light"] .settings-account-summary {
+  background: #fff !important;
+  border: 1px solid #9eb0c4 !important;
+  box-shadow: 0 1px 3px rgba(20, 34, 50, 0.06);
+}
+
 .pos-pnl-profit {
   color: #7ee787;
 }

lib/common/static/instance_theme.js

@@ -4,7 +4,7 @@
 (function (global) {
   const STANDALONE_KEY = "instance-theme";
   const HUB_LINKED_THEME_KEY = "hub-linked-theme";
-  const META = { dark: "#0b0d14", light: "#d8e2ec" };
+  const META = { dark: "#0b0d14", light: "#c8d4de" };
 
   function normalize(theme) {
     return theme === "light" ? "light" : "dark";

lib/common/static/instance_theme_early.css

@@ -5,13 +5,13 @@ html {
 }
 
 html[data-theme="light"] {
-  background: #d8e2ec;
+  background: #c8d4de;
   color-scheme: light;
 }
 
 html[data-theme="light"] body {
-  background: #d8e2ec !important;
+  background: #c8d4de !important;
-  color: #1a2838 !important;
+  color: #142232 !important;
 }
 
 .review-edit-btn:disabled {

lib/instance/templates/embed_shell.html

@@ -3,11 +3,11 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-    <script src="/static/instance_theme.js?v=48"></script>
+    <script src="/static/instance_theme.js?v=49"></script>
     <link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
     <link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
     <link rel="stylesheet" href="/static/instance_page.css?v=4">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=69">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=70">
     <script src="/static/account_risk_badge.js?v=4"></script>
     <meta name="theme-color" content="#0b0d14">
     <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>

lib/instance/templates/index.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-<script src="/static/instance_theme.js?v=48"></script>
+<script src="/static/instance_theme.js?v=49"></script>
     <link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
     <link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
     <script src="/static/account_risk_badge.js?v=4"></script>
@@ -17,7 +17,7 @@
     <link rel="manifest" href="/static/icons/manifest.webmanifest">
     <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
     <link rel="stylesheet" href="/static/instance_page.css?v=1">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=69">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=70">
 
 </head>
 <body