fix(ui): light-theme badges, PnL colors, and journal detail across four exchanges

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-05 13:16:29 +08:00
parent 1b51f73ecd
commit e30d24173f
6 changed files with 187 additions and 124 deletions
+81
View File
@@ -337,6 +337,87 @@ html[data-theme="light"] .detail-modal .panel-image {
border-color: #b8c8d8 !important;
}
html[data-theme="light"] .detail-modal .panel-close {
background: #f6f9fc !important;
color: #4a6078 !important;
border: 1px solid #b8c8d8 !important;
}
/* ── 交易记录:方向 / 结果徽章(浅底描边,避免黑底块)── */
html[data-theme="light"] .badge.direction-long,
html[data-theme="light"] .direction-long {
background: rgba(8, 122, 80, 0.1) !important;
color: #087a50 !important;
border: 1px solid rgba(8, 122, 80, 0.28) !important;
font-weight: 600 !important;
}
html[data-theme="light"] .badge.direction-short,
html[data-theme="light"] .direction-short {
background: rgba(192, 48, 48, 0.08) !important;
color: #b03030 !important;
border: 1px solid rgba(192, 48, 48, 0.25) !important;
font-weight: 600 !important;
}
html[data-theme="light"] .badge.profit {
background: rgba(8, 122, 80, 0.1) !important;
color: #087a50 !important;
border: 1px solid rgba(8, 122, 80, 0.28) !important;
font-weight: 600 !important;
}
html[data-theme="light"] .badge.loss {
background: rgba(192, 48, 48, 0.08) !important;
color: #b03030 !important;
border: 1px solid rgba(192, 48, 48, 0.25) !important;
font-weight: 600 !important;
}
html[data-theme="light"] .badge.miss {
background: rgba(180, 130, 20, 0.1) !important;
color: #8a6200 !important;
border: 1px solid rgba(180, 130, 20, 0.28) !important;
font-weight: 600 !important;
}
html[data-theme="light"] .badge.direction {
background: rgba(0, 110, 154, 0.08) !important;
color: #006e9a !important;
border: 1px solid rgba(0, 110, 154, 0.22) !important;
}
html[data-theme="light"] .table-del,
html[data-theme="light"] button.table-del {
background: #fff5f5 !important;
color: #b03030 !important;
border: 1px solid rgba(176, 48, 48, 0.28) !important;
}
html[data-theme="light"] .pos-breakeven-badge {
background: rgba(8, 122, 80, 0.1) !important;
color: #087a50 !important;
border: 1px solid rgba(8, 122, 80, 0.25) !important;
}
/* ── 实时持仓 / 行情:浮盈亏涨跌色 ── */
html[data-theme="light"] .price-up,
html[data-theme="light"] .pos-value.price-up {
color: #087a50 !important;
font-weight: 600 !important;
}
html[data-theme="light"] .price-down,
html[data-theme="light"] .pos-value.price-down {
color: #c03030 !important;
font-weight: 600 !important;
}
html[data-theme="light"] .journal-detail-meta {
color: #1a2838 !important;
line-height: 1.65 !important;
}
html[data-theme="light"] .journal-card .form-grid label,
html[data-theme="light"] .journal-card .sub {
color: #4a6078 !important;