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

fix: 滚仓字段显隐与浅色模式样式

Browse Source 
市价加仓默认隐藏上沿/下沿/突破价（CSS+JS）；说明页与预估风险条适配浅色主题。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-26 22:11:58 +08:00
parent d467760d5c
commit 7d03e8e93e
9 changed files with 328 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/instance_theme.css
+271
View File
@@ -1281,3 +1281,274 @@ html[data-theme="light"] .detail-actions {
border-top-color: #d0dae4 !important;
}
/* ── 顺势加仓：表单字段按模式显隐（CSS 兜底，不依赖 JS）── */
#roll-form[data-add-mode="market"] .roll-field-fib,
#roll-form[data-add-mode="market"] .roll-field-breakout {
display: none !important;
}
#roll-form[data-add-mode="fib_618"] .roll-field-breakout,
#roll-form[data-add-mode="fib_786"] .roll-field-breakout {
display: none !important;
}
#roll-form[data-add-mode="breakout"] .roll-field-fib {
display: none !important;
}
#roll-form[data-add-mode="fib_618"] .roll-field-fib,
#roll-form[data-add-mode="fib_786"] .roll-field-fib,
#roll-form[data-add-mode="breakout"] .roll-field-breakout {
display: inline-flex !important;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.roll-field[hidden] {
display: none !important;
}
#strategy-roll-panel .roll-risk-banner {
margin-bottom: 8px;
color: #8fc8ff;
}
html[data-theme="light"] #strategy-roll-panel .roll-risk-banner {
color: #006e9a !important;
}
#strategy-roll-panel .roll-doc-link {
color: #8fc8ff;
}
html[data-theme="light"] #strategy-roll-panel .roll-doc-link {
color: #006e9a !important;
}
#strategy-roll-panel .roll-section-title {
margin: 14px 0 8px;
font-size: 0.95rem;
color: #b8c4ff;
}
html[data-theme="light"] #strategy-roll-panel .roll-section-title {
color: #006e9a !important;
}
#roll-preview-box.roll-preview-box {
margin: 8px 0;
padding: 10px;
border: 1px solid #3a5a8a;
border-radius: 8px;
background: #141a28;
color: #dde2ff;
}
html[data-theme="light"] #roll-preview-box.roll-preview-box {
background: #f6f9fc !important;
border-color: #b8c8d8 !important;
color: #1a2838 !important;
}
#roll-countdown.roll-countdown {
margin-top: 6px;
color: #ffb347;
}
html[data-theme="light"] #roll-countdown.roll-countdown {
color: #a06010 !important;
}
/* ── 顺势加仓说明页 ── */
body.roll-doc-page {
font-family: system-ui, sans-serif;
margin: 0;
padding: 16px;
background: #0f1117;
color: #e6e8ef;
}
html[data-theme="light"] body.roll-doc-page {
background: #eef3f8 !important;
color: #142232 !important;
}
.roll-doc-container {
max-width: 920px;
margin: 0 auto;
}
.roll-doc-nav {
margin-bottom: 14px;
}
.roll-doc-nav a {
color: #8fc8ff;
text-decoration: none;
}
html[data-theme="light"] .roll-doc-nav a {
color: #006e9a !important;
}
.roll-doc-body {
background: #151a2a;
border: 1px solid #2a3150;
border-radius: 10px;
padding: 18px 20px;
line-height: 1.65;
font-size: 0.92rem;
}
html[data-theme="light"] .roll-doc-body {
background: #fff !important;
border-color: #b8c8d8 !important;
color: #1a2838 !important;
}
.roll-doc-body h1 {
font-size: 1.35rem;
margin: 0 0 12px;
color: #f0f2ff;
}
html[data-theme="light"] .roll-doc-body h1 {
color: #142232 !important;
}
.roll-doc-body h2 {
font-size: 1.08rem;
margin: 22px 0 10px;
color: #b8c4ff;
border-bottom: 1px solid #2a3150;
padding-bottom: 6px;
}
html[data-theme="light"] .roll-doc-body h2 {
color: #006e9a !important;
border-bottom-color: #d0dae4 !important;
}
.roll-doc-body h3 {
font-size: 0.98rem;
margin: 16px 0 8px;
color: #c9d4ff;
}
html[data-theme="light"] .roll-doc-body h3 {
color: #142232 !important;
}
.roll-doc-body p,
.roll-doc-body li {
color: #dde2ff;
}
html[data-theme="light"] .roll-doc-body p,
html[data-theme="light"] .roll-doc-body li {
color: #1a2838 !important;
}
.roll-doc-body ul,
.roll-doc-body ol {
margin: 8px 0 12px 1.25em;
}
.roll-doc-body code {
background: #252538;
padding: 1px 5px;
border-radius: 4px;
font-size: 0.88em;
}
html[data-theme="light"] .roll-doc-body code {
background: #e8eef5 !important;
color: #142232 !important;
}
.roll-doc-body pre {
background: #0f1420;
border: 1px solid #2a3150;
border-radius: 8px;
padding: 12px;
overflow: auto;
font-size: 0.84rem;
line-height: 1.5;
color: #dde2ff;
}
html[data-theme="light"] .roll-doc-body pre {
background: #f6f9fc !important;
border-color: #b8c8d8 !important;
color: #142232 !important;
}
.roll-doc-body pre code {
background: transparent;
padding: 0;
}
.roll-doc-body table {
width: 100%;
border-collapse: collapse;
margin: 10px 0;
font-size: 0.86rem;
}
.roll-doc-body th,
.roll-doc-body td {
border: 1px solid #2a3150;
padding: 6px 8px;
text-align: left;
color: #dde2ff;
}
html[data-theme="light"] .roll-doc-body th,
html[data-theme="light"] .roll-doc-body td {
border-color: #b8c8d8 !important;
color: #1a2838 !important;
}
.roll-doc-body th {
background: #1a2030;
color: #b8c4ff;
}
html[data-theme="light"] .roll-doc-body th {
background: #e8eef5 !important;
color: #142232 !important;
}
.roll-doc-body hr {
border: none;
border-top: 1px solid #2a3150;
margin: 20px 0;
}
html[data-theme="light"] .roll-doc-body hr {
border-top-color: #d0dae4 !important;
}
/* ── 实盘下单：预估风险/盈利/盈亏比条 ── */
html[data-theme="light"] .order-plan-preview {
background: #f6f9fc !important;
border-color: #b8c8d8 !important;
}
html[data-theme="light"] .order-preview-rr {
color: #4a6078 !important;
}
html[data-theme="light"] .order-preview-rr strong {
color: #142232 !important;
}
html[data-theme="light"] .order-preview-risk strong {
color: #b03030 !important;
}
html[data-theme="light"] .order-preview-profit strong {
color: #087a50 !important;
}