dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 12:23:22 +08:00
parent afb191f90a
commit 11a50c02cd
5 changed files with 155 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+147 -12
View File
@@ -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;
}