web: fix dark theme readability — explicit bright colors for all factor values

This commit is contained in:
jackyu66git
2026-06-24 18:27:41 +08:00
parent 0ba5b3bd71
commit f391020f78
2 changed files with 23 additions and 6 deletions
+11 -5
View File
@@ -13,7 +13,7 @@
.card { background: var(--card); border: 1px solid var(--border); border-radius: 10px; }
.hero-regime { font-size: 3rem; font-weight: 700; }
.hero-conf { font-size: 1.2rem; color: var(--muted); }
.factor-value { font-size: 2.2rem; font-weight: 700; }
.factor-value { font-size: 2.2rem; font-weight: 700; color: var(--text); }
.factor-label { color: var(--muted); font-size: 0.85rem; }
.regime-TREND { color: var(--green); }
.regime-RANGE { color: var(--orange); }
@@ -26,8 +26,14 @@
.badge-RANGE { background: #3a2a0a; color: var(--orange); }
.badge-PANIC { background: #3a0a0a; color: var(--red); }
.narrative { color: var(--muted); font-size: 0.9rem; }
.loading { opacity: 0.5; }
canvas { max-height: 300px; }
.text-muted { color: var(--muted) !important; }
.table { color: var(--text); }
.table-dark { --bs-table-color: var(--text); --bs-table-bg: var(--card); }
.form-select { background-color: var(--card); color: var(--text); border-color: var(--border); }
.btn-primary { background-color: var(--blue); border-color: var(--blue); }
strong { color: var(--text); }
small { color: var(--muted); }
</style>
</head>
<body>
@@ -50,8 +56,8 @@
<div class="hero-regime" id="hero-regime"></div>
<div>
<span class="badge-regime" id="hero-badge"></span>
<span class="ms-2 text-muted">置信度 <strong id="hero-conf"></strong></span>
<span class="ms-2 text-muted">成熟度 <strong id="hero-maturity"></strong></span>
<span class="ms-2" style="color:#8b949e">置信度 <strong id="hero-conf" style="color:#e6edf3"></strong></span>
<span class="ms-2" style="color:#8b949e">成熟度 <strong id="hero-maturity" style="color:#e6edf3"></strong></span>
</div>
</div>
@@ -111,7 +117,7 @@
<h6 class="mb-3">信号期望查询</h6>
<div class="row g-2 align-items-end">
<div class="col-auto">
<select class="form-select form-select-sm" id="exp-signal" style="background:#0d1117;color:#e6edf3;border-color:#30363d">
<select class="form-select form-select-sm" id="exp-signal">
<option value="B3">B3 (三买)</option><option value="B2">B2 (二买)</option><option value="B1">B1 (一买)</option>
<option value="S3">S3 (三卖)</option><option value="S2">S2 (二卖)</option><option value="S1">S1 (一卖)</option>
</select>