diff --git a/lib/common/static/instance_theme.css b/lib/common/static/instance_theme.css index 1670998..2174310 100644 --- a/lib/common/static/instance_theme.css +++ b/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; - color: #1a2838 !important; + background: #c8d4de !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 { - color: #4a6078 !important; +html[data-theme="light"] .rule-tip, +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; - background: rgba(0, 110, 154, 0.12); - box-shadow: inset 0 0 0 1px #b8c8d8; + color: #004d6e; + background: rgba(0, 110, 154, 0.16); + 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; } diff --git a/lib/common/static/instance_theme.js b/lib/common/static/instance_theme.js index f31c4bf..02e6efa 100644 --- a/lib/common/static/instance_theme.js +++ b/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"; diff --git a/lib/common/static/instance_theme_early.css b/lib/common/static/instance_theme_early.css index f67270b..ae02904 100644 --- a/lib/common/static/instance_theme_early.css +++ b/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; - color: #1a2838 !important; + background: #c8d4de !important; + color: #142232 !important; } .review-edit-btn:disabled { diff --git a/lib/instance/templates/embed_shell.html b/lib/instance/templates/embed_shell.html index 8b0fa1a..f5a0b4c 100644 --- a/lib/instance/templates/embed_shell.html +++ b/lib/instance/templates/embed_shell.html @@ -3,11 +3,11 @@ - + - + {{ exchange_display }} · 加密货币 | 交易监控复盘系统 diff --git a/lib/instance/templates/index.html b/lib/instance/templates/index.html index dfde5b9..7385c4e 100644 --- a/lib/instance/templates/index.html +++ b/lib/instance/templates/index.html @@ -4,7 +4,7 @@ - + @@ -17,7 +17,7 @@ {{ exchange_display }} · 加密货币 | 交易监控复盘系统 - +