gavindiaz/PolyWeather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

补全 AI 预测双卡片组件的亮色模式 CSS

Browse Source 
此前新增的预测卡片（scan-ai-prediction-card/confidence 等）
只有暗色模式样式，在亮色模式下白底上显示深色背景块，严重
影响可读性。现补全 30 条亮色覆盖规则。
This commit is contained in:
2569718930@qq.com
2026-05-06 16:54:48 +08:00
parent 4ed9321756
commit a3052767d7
1 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/dashboard/ScanTerminalLightTheme.module.css
+70
View File
@@ -839,3 +839,73 @@
.root:global(.light) :global(.scan-terminal.light .scan-ai-decision-why) {
color: #1d4ed8 !important;
}
/* ── AI prediction dual-card light mode ── */
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-dual) {
gap: 10px;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card) {
background: #ffffff !important;
border-color: #e2e8f0 !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai) {
background: linear-gradient(180deg, rgba(219, 234, 254, 0.52), #ffffff) !important;
border-color: rgba(14, 165, 233, 0.28) !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.deb) {
background: #ffffff !important;
border-color: #e2e8f0 !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card small) {
color: #64748b !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card strong) {
color: #0f172a !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai strong) {
color: #0369a1 !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card em) {
color: #64748b !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending) {
background: rgba(219, 234, 254, 0.28) !important;
border-color: rgba(14, 165, 233, 0.16) !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending strong) {
color: #94a3b8 !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence) {
background: rgba(59, 130, 246, 0.1) !important;
color: #2563eb !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.high) {
background: rgba(16, 185, 129, 0.12) !important;
color: #047857 !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.medium) {
background: rgba(245, 158, 11, 0.12) !important;
color: #b45309 !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.low) {
background: rgba(148, 163, 184, 0.12) !important;
color: #64748b !important;
}
.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.neutral) {
background: rgba(148, 163, 184, 0.08) !important;
color: #64748b !important;
}