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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user