dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve light mode key monitor UI and collapse rule tips by default

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-09 16:18:10 +08:00
parent 260828041f
commit 4a043e65e3
7 changed files with 151 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/instance_theme.css
+118
View File
@@ -712,3 +712,121 @@ html[data-theme="light"] .stats-split-col .stat-item .label {
html[data-theme="light"] .stats-split-col .stat-item .value {
color: #142232 !important;
}
/* ── 可折叠说明（规则 / 划转 / 价格）── */
.tip-collapse {
margin-bottom: 8px;
border: 1px solid #2a3348;
border-radius: 8px;
background: rgba(20, 25, 35, 0.45);
overflow: hidden;
}
.tip-collapse-summary {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px 8px;
padding: 8px 12px;
cursor: pointer;
list-style: none;
font-size: 0.8rem;
color: #95a2c2;
line-height: 1.45;
}
.tip-collapse-summary::-webkit-details-marker {
display: none;
}
.tip-collapse-summary::before {
content: "▸";
flex: 0 0 auto;
color: #6d7a99;
transition: transform 0.15s ease;
}
.tip-collapse[open] > .tip-collapse-summary::before {
transform: rotate(90deg);
}
.tip-collapse-hint {
color: #6d7a99;
font-size: 0.74rem;
}
.tip-collapse-body {
padding: 0 12px 10px;
border-top: 1px solid #232b3d;
}
.tip-collapse-body.rule-tip {
margin-bottom: 0;
padding-top: 8px;
}
html[data-theme="light"] .tip-collapse {
background: #f6f9fc !important;
border-color: #b8c8d8 !important;
}
html[data-theme="light"] .tip-collapse-summary {
color: #4a6078 !important;
}
html[data-theme="light"] .tip-collapse-summary::before {
color: #6a7588 !important;
}
html[data-theme="light"] .tip-collapse-hint {
color: #6a7588 !important;
}
html[data-theme="light"] .tip-collapse-body {
border-top-color: #d0dae4 !important;
}
html[data-theme="light"] .tip-collapse-body.rule-tip {
color: #4a6078 !important;
}
/* ── 关键位折叠行（亮色）── */
html[data-theme="light"] .key-row-collapse {
background: #f6f9fc !important;
border-color: #b8c8d8 !important;
}
html[data-theme="light"] .key-row-collapse-summary {
color: #1a2838 !important;
}
html[data-theme="light"] .key-row-collapse-summary::before {
color: #6a7588 !important;
}
html[data-theme="light"] .key-row-summary-title strong {
color: #142232 !important;
}
html[data-theme="light"] .key-row-summary-line,
html[data-theme="light"] .key-history-brief {
color: #4a6078 !important;
}
html[data-theme="light"] .key-row-summary-live {
color: #006e9a !important;
}
html[data-theme="light"] .key-row-collapse-body {
border-top-color: #d0dae4 !important;
}
html[data-theme="light"] .key-history-alert {
color: #4a6078 !important;
}
html[data-theme="light"] .key-row-collapse .pos-side-badge[style*="2a3152"] {
background: rgba(0, 110, 154, 0.1) !important;
color: #006e9a !important;
}