Boost light-mode contrast on options position cards.

Darken labels, hints, and badges so call/put chips and metric text stay readable on white.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-16 12:00:30 +08:00
parent 4c7197ad99
commit b50eebe37c
5 changed files with 157 additions and 32 deletions
+37
View File
@@ -2034,6 +2034,43 @@ body.market-chart-fs-open {
font-weight: 600;
}
html[data-theme="light"] .hub-pos-card .pos-label {
color: #0f172a;
font-weight: 500;
}
html[data-theme="light"] .hub-pos-card .pos-meta,
html[data-theme="light"] .hub-pos-card .pos-meta-item {
color: #1e293b;
}
html[data-theme="light"] .hub-pos-card .pos-value {
color: #020617;
font-weight: 600;
}
html[data-theme="light"] .hub-pos-card .pos-side-long,
html[data-theme="light"] .hub-pos-card .pos-side-badge.side-long {
background: #006e9a;
color: #fff;
border-color: #005a82;
}
html[data-theme="light"] .hub-pos-card .pos-side-short,
html[data-theme="light"] .hub-pos-card .pos-side-badge.side-short {
background: #b03030;
color: #fff;
border-color: #8a2424;
}
html[data-theme="light"] .hub-opt-pos-card .opt-bid-plain {
color: #0f172a;
}
html[data-theme="light"] .hub-opt-pos-card .opt-close-value {
color: #9f1239;
}
html[data-theme="light"] .hub-pos-card .pos-tp-profit {
color: #1a8f4a;
}
+1 -1
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
<noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
<link rel="stylesheet" href="/assets/app.css?v=20260716-funds-pnl-banner" />
<link rel="stylesheet" href="/assets/app.css?v=20260716-opt-light-contrast" />
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<script src="/assets/account_risk_badge.js?v=4"></script>