aidev/goldenChart
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

테마 오류 수정

Browse Source
This commit is contained in:
Macbook
2026-05-26 01:32:25 +09:00
parent 173b47d485
commit ae8e96cef4
6 changed files with 195 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/virtualTradingDashboard.css
+44 -44
View File
@@ -557,7 +557,7 @@
flex: 1;
min-height: 0;
gap: 8px;
border: 1px solid color-mix(in srgb, #c9a227 35%, var(--se-border));
border: 1px solid color-mix(in srgb, var(--se-gold) 35%, var(--se-border));
border-radius: 12px;
background: var(--se-panel-card-bg);
padding: 10px 12px 12px;
@@ -653,7 +653,7 @@
min-height: 0;
border: 1px solid var(--se-border);
border-radius: 10px;
background: color-mix(in srgb, var(--se-center-bg, #131722) 60%, var(--se-panel-card-bg));
background: color-mix(in srgb, var(--se-center-bg) 60%, var(--se-panel-card-bg));
overflow: hidden;
}
@@ -983,10 +983,10 @@
}
.vtd-card--signal {
border-color: color-mix(in srgb, #c9a227 35%, var(--se-border));
border-color: color-mix(in srgb, var(--se-gold) 35%, var(--se-border));
background: linear-gradient(
165deg,
color-mix(in srgb, #1a2035 92%, #000) 0%,
var(--vtd-sig-card-gradient) 0%,
var(--se-panel-card-bg) 55%
);
}
@@ -1039,7 +1039,7 @@
inset 0 0 48px color-mix(in srgb, #b9f6ca 14%, transparent);
background: linear-gradient(
165deg,
color-mix(in srgb, #b9f6ca 18%, #1a2035) 0%,
color-mix(in srgb, #b9f6ca 18%, var(--vtd-sig-card-gradient)) 0%,
color-mix(in srgb, #69f0ae 6%, var(--se-panel-card-bg)) 45%,
var(--se-panel-card-bg) 70%
);
@@ -1178,7 +1178,7 @@
border: 1px solid var(--se-border);
border-radius: 10px;
overflow: hidden;
background: var(--se-center-bg, #131722);
background: var(--se-center-bg);
}
.vtd-card-chart-canvas .chart-hover-toolbar {
@@ -1198,7 +1198,7 @@
display: flex;
align-items: center;
justify-content: center;
background: color-mix(in srgb, var(--se-center-bg, #131722) 75%, transparent);
background: color-mix(in srgb, var(--se-center-bg) 75%, transparent);
font-size: 11px;
color: var(--se-text-muted);
}
@@ -1383,14 +1383,14 @@
}
.vtd-card-met-count {
color: color-mix(in srgb, #c9a227 80%, var(--se-text));
color: color-mix(in srgb, var(--se-gold) 80%, var(--se-text));
font-weight: 600;
}
.vtd-card--detail .vtd-card-met-count {
font-size: 13px;
font-weight: 800;
color: color-mix(in srgb, #f0c040 85%, #fff);
color: var(--vtd-sig-gold-text);
}
.vtd-card-foot {
@@ -1435,7 +1435,7 @@
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
color: color-mix(in srgb, #c9a227 90%, #fff);
color: var(--vtd-sig-gold-text);
text-align: center;
padding: 4px 0;
}
@@ -1446,9 +1446,9 @@
align-items: stretch;
gap: 10px 12px;
padding: 8px 10px;
border: 1px solid color-mix(in srgb, #c9a227 30%, var(--se-border));
border: 1px solid color-mix(in srgb, var(--se-gold) 30%, var(--se-border));
border-radius: 10px;
background: color-mix(in srgb, #0d111f 60%, transparent);
background: var(--vtd-sig-panel-bg);
}
.vtd-sig-visual-eq {
@@ -1487,9 +1487,9 @@
gap: 2px;
height: 180px;
padding: 4px;
border: 1px solid color-mix(in srgb, #c9a227 40%, var(--se-border));
border: 1px solid color-mix(in srgb, var(--se-gold) 40%, var(--se-border));
border-radius: 6px;
background: color-mix(in srgb, #000 35%, transparent);
background: var(--vtd-sig-eq-bg);
}
.vtd-sig-eq-seg {
@@ -1546,7 +1546,7 @@
}
.vtd-heat-list::-webkit-scrollbar-thumb {
background: color-mix(in srgb, #c9a227 35%, var(--se-border));
background: color-mix(in srgb, var(--se-gold) 35%, var(--se-border));
border-radius: 2px;
}
@@ -1563,10 +1563,10 @@
min-width: 0;
height: 26px;
border-radius: 8px;
border: 1px solid color-mix(in srgb, var(--se-border) 70%, #3a4a6b);
background: color-mix(in srgb, #060a14 85%, #000);
border: 1px solid color-mix(in srgb, var(--se-border) 70%, var(--se-text-muted));
background: var(--vtd-heat-track-bg);
overflow: hidden;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.45);
box-shadow: var(--vtd-heat-inset);
}
.vtd-heat-label {
@@ -1578,12 +1578,12 @@
max-width: calc(100% - 48px);
font-size: 9px;
font-weight: 600;
color: color-mix(in srgb, var(--se-text) 88%, #fff);
color: var(--vtd-heat-label-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.9), 0 1px 2px rgba(0, 0, 0, 0.8);
text-shadow: var(--vtd-heat-label-shadow);
}
.vtd-heat-fill {
@@ -1606,7 +1606,7 @@
font-weight: 800;
font-variant-numeric: tabular-nums;
pointer-events: none;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.85);
text-shadow: var(--vtd-heat-label-shadow);
}
.vtd-heat-icon {
@@ -1626,7 +1626,7 @@
.vtd-heat-row--nomatch .vtd-heat-track {
border-color: color-mix(in srgb, #ef5350 40%, var(--se-border));
box-shadow:
inset 0 1px 4px rgba(0, 0, 0, 0.45),
var(--vtd-heat-inset),
0 0 8px color-mix(in srgb, #ef5350 15%, transparent);
}
@@ -1638,7 +1638,7 @@
}
.vtd-heat-row--nomatch .vtd-heat-pct {
color: #ff8a80;
color: var(--vtd-status-cold);
}
.vtd-heat-row--nomatch .vtd-heat-icon {
@@ -1649,7 +1649,7 @@
.vtd-heat-row--pending .vtd-heat-track {
border-color: color-mix(in srgb, #ffb300 45%, var(--se-border));
box-shadow:
inset 0 1px 4px rgba(0, 0, 0, 0.45),
var(--vtd-heat-inset),
0 0 10px color-mix(in srgb, #ffb300 18%, transparent);
}
@@ -1661,7 +1661,7 @@
}
.vtd-heat-row--pending .vtd-heat-pct {
color: #ffe082;
color: var(--vtd-status-warm);
}
.vtd-heat-row--pending .vtd-heat-icon {
@@ -1672,7 +1672,7 @@
.vtd-heat-row--match .vtd-heat-track {
border-color: color-mix(in srgb, #3f7ef5 45%, var(--se-border));
box-shadow:
inset 0 1px 4px rgba(0, 0, 0, 0.45),
var(--vtd-heat-inset),
0 0 12px color-mix(in srgb, #3f7ef5 22%, transparent);
}
@@ -1684,7 +1684,7 @@
}
.vtd-heat-row--match .vtd-heat-pct {
color: #82b1ff;
color: var(--vtd-status-hot);
}
.vtd-heat-row--match .vtd-heat-icon {
@@ -1733,7 +1733,7 @@
gap: 8px;
padding: 5px 8px;
border-radius: 6px;
background: color-mix(in srgb, var(--se-panel-card-bg) 70%, #000);
background: var(--vtd-cond-item-bg);
border: 1px solid color-mix(in srgb, var(--se-border) 80%, transparent);
}
@@ -1820,9 +1820,9 @@
flex-direction: column;
gap: 8px;
padding: 10px 12px;
border: 2px solid color-mix(in srgb, #555 80%, #888);
border: 2px solid var(--vtd-light-housing-border);
border-radius: 14px;
background: linear-gradient(180deg, #2a2a2a, #1a1a1a);
background: var(--vtd-light-housing-bg);
}
.vtd-sig-light-bulb {
@@ -1890,11 +1890,11 @@
/* 지표 비교 테이블 */
.vtd-sig-table-wrap {
border: 1px solid color-mix(in srgb, #c9a227 35%, var(--se-border));
border: 1px solid color-mix(in srgb, var(--se-gold) 35%, var(--se-border));
border-radius: 8px;
overflow-x: auto;
overflow-y: visible;
background: color-mix(in srgb, #0d111f 50%, transparent);
background: var(--vtd-sig-table-bg);
-webkit-overflow-scrolling: touch;
}
@@ -1903,9 +1903,9 @@
font-size: 9px;
font-weight: 800;
letter-spacing: 0.06em;
color: color-mix(in srgb, #c9a227 90%, #fff);
border-bottom: 1px solid color-mix(in srgb, #c9a227 25%, var(--se-border));
background: color-mix(in srgb, #c9a227 6%, transparent);
color: var(--vtd-sig-gold-text);
border-bottom: 1px solid color-mix(in srgb, var(--se-gold) 25%, var(--se-border));
background: var(--vtd-sig-table-head-bg);
}
.vtd-sig-table {
@@ -1928,7 +1928,7 @@
font-size: 8px;
font-weight: 700;
letter-spacing: 0.02em;
color: color-mix(in srgb, #c9a227 80%, var(--se-text-muted));
color: color-mix(in srgb, var(--se-gold) 80%, var(--se-text-muted));
border-bottom: 1px solid var(--se-border);
white-space: nowrap;
}
@@ -2060,13 +2060,13 @@
font-variant-numeric: tabular-nums;
}
.vtd-sig-table-status--cold { color: #ef5350; }
.vtd-sig-table-status--warming { color: #ffe082; }
.vtd-sig-table-status--hot { color: #82b1ff; }
.vtd-sig-table-status--cold { color: var(--vtd-status-cold); }
.vtd-sig-table-status--warming { color: var(--vtd-status-warm); }
.vtd-sig-table-status--hot { color: var(--vtd-status-hot); }
.vtd-sig-table-status--nomatch { color: #ef5350; }
.vtd-sig-table-status--pending { color: #ffe082; }
.vtd-sig-table-status--match { color: #82b1ff; }
.vtd-sig-table-status--nomatch { color: var(--vtd-status-cold); }
.vtd-sig-table-status--pending { color: var(--vtd-status-warm); }
.vtd-sig-table-status--match { color: var(--vtd-status-hot); }
.vtd-sig-row-pct {
font-size: 9px;
@@ -2266,7 +2266,7 @@
border: 1px solid var(--se-border);
border-radius: 10px;
overflow: hidden;
background: var(--se-center-bg, #131722);
background: var(--se-center-bg);
}
/* TradingChart tv-chart-wrap — slot-chart-wrap 과 동일하게 가용 높이 확보 */
@@ -2283,7 +2283,7 @@
display: flex;
align-items: center;
justify-content: center;
background: color-mix(in srgb, var(--se-center-bg, #131722) 75%, transparent);
background: color-mix(in srgb, var(--se-center-bg) 75%, transparent);
font-size: 12px;
color: var(--se-text-muted);
}