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-31 01:23:47 +09:00
parent ba4ef5e230
commit 9d7dddfa57
24 changed files with 573 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/backtestDashboard.css
+2 -2
View File
@@ -439,8 +439,8 @@
white-space: nowrap;
}
.btd-table td.buy { color: var(--down, #3b82f6); font-weight: 700; }
.btd-table td.sell { color: var(--up, #ef4444); font-weight: 700; }
.btd-table td.buy { color: var(--gc-trade-buy); font-weight: 700; }
.btd-table td.sell { color: var(--gc-trade-sell); font-weight: 700; }
.btd-table td.up { color: #22c55e; font-weight: 700; }
.btd-table td.down { color: #ef4444; font-weight: 700; }
frontend/src/styles/dashboardCommand.css
+2 -2
View File
@@ -504,8 +504,8 @@
font-size: 0.68rem;
}
.gc-signal-item--buy .gc-signal-arrow { color: #34d399; }
.gc-signal-item--sell .gc-signal-arrow { color: #f87171; }
.gc-signal-item--buy .gc-signal-arrow { color: var(--gc-trade-buy); }
.gc-signal-item--sell .gc-signal-arrow { color: var(--gc-trade-sell); }
.gc-signal-main {
display: flex;
frontend/src/styles/paperDashboard.css
+13 -12
View File
@@ -821,34 +821,35 @@
/* 매수·매도 제출 버튼: 실시간 차트 우측 패널(.top-submit--buy/sell)과 동일 */
.ptd-order-card .top-submit--buy {
background: #ef5350;
border-color: #ef5350;
background: var(--gc-trade-buy);
border-color: var(--gc-trade-buy);
color: #fff;
}
.ptd-order-card .top-submit--buy:hover {
background: #e53935;
background: var(--gc-trade-buy-hover);
}
.ptd-order-card .top-submit--sell {
background: #2962ff;
border-color: #2962ff;
background: var(--gc-trade-sell);
border-color: var(--gc-trade-sell);
}
.ptd-order-card .top-submit--sell:hover {
background: #1e53e5;
background: var(--gc-trade-sell-hover);
}
/* 매수·매도 카드 헤더: 실시간 차트 .rsp-trade-card--buy/sell 과 동일 */
.ptd-split-panel--right .ptd-split-card--top {
border-color: rgba(255, 107, 107, 0.35);
background: linear-gradient(180deg, rgba(255, 107, 107, 0.08) 0%, var(--bg3) 48px);
border-color: color-mix(in srgb, var(--gc-trade-buy) 40%, transparent);
background: linear-gradient(180deg, color-mix(in srgb, var(--gc-trade-buy) 10%, transparent) 0%, var(--bg3) 48px);
}
.ptd-split-panel--right .ptd-split-card--bottom {
border-color: rgba(77, 171, 247, 0.35);
background: linear-gradient(180deg, rgba(77, 171, 247, 0.08) 0%, var(--bg3) 48px);
border-color: color-mix(in srgb, var(--gc-trade-sell) 40%, transparent);
background: linear-gradient(180deg, color-mix(in srgb, var(--gc-trade-sell) 10%, transparent) 0%, var(--bg3) 48px);
}
.ptd-split-panel--right .ptd-split-card--top .ptd-split-card-head {
color: var(--up);
color: var(--gc-trade-buy);
}
.ptd-split-panel--right .ptd-split-card--bottom .ptd-split-card-head {
color: var(--down);
color: var(--gc-trade-sell);
}
.ptd-ob {
frontend/src/styles/strategyEditorTheme.css
+6 -6
View File
@@ -15,8 +15,8 @@
--se-gold: #e6c200;
--se-success: #9ece6a;
--se-danger: #f7768e;
--se-buy: #7aa2f7;
--se-sell: #f7768e;
--se-buy: var(--gc-trade-buy, #ef5350);
--se-sell: var(--gc-trade-sell, #4dabf7);
--se-header-bg: linear-gradient(180deg, var(--bg2), var(--bg));
--se-header-border: var(--border);
--se-title-gradient: linear-gradient(90deg, #e6c200, #ffe566);
@@ -156,8 +156,8 @@
--se-gold: #f57f17;
--se-success: #2e7d32;
--se-danger: #c62828;
--se-buy: #1976d2;
--se-sell: #c62828;
--se-buy: var(--gc-trade-buy, #ef5350);
--se-sell: var(--gc-trade-sell, #4dabf7);
--se-title-gradient: linear-gradient(90deg, #1565c0, #1976d2);
--se-panel-card-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
--se-item-selected-bg: linear-gradient(135deg, rgba(25, 118, 210, 0.12), rgba(25, 118, 210, 0.04));
@@ -228,8 +228,8 @@
.se-page--blue {
--se-gold: #ffd54f;
--se-success: #69f0ae;
--se-buy: #5eb5ff;
--se-sell: #ff5555;
--se-buy: var(--gc-trade-buy, #ef5350);
--se-sell: var(--gc-trade-sell, #4dabf7);
--se-title-gradient: linear-gradient(90deg, #ffd54f, #ffe082);
--se-item-selected-bg: linear-gradient(135deg, rgba(255, 213, 79, 0.18), rgba(94, 181, 255, 0.08));
--se-strat-item-bg: color-mix(in srgb, var(--bg2) 92%, transparent);
frontend/src/styles/tradeNotificationList.css
+10 -10
View File
@@ -21,11 +21,11 @@
}
.tnl-row.tnl-row--receiving .tnl-summary-card--buy {
border-color: color-mix(in srgb, var(--accent, #3f7ef5) 35%, var(--se-border, var(--border)));
border-color: color-mix(in srgb, var(--gc-trade-buy) 35%, var(--se-border, var(--border)));
}
.tnl-row.tnl-row--receiving .tnl-summary-card--sell {
border-color: color-mix(in srgb, #ef5350 35%, var(--se-border, var(--border)));
border-color: color-mix(in srgb, var(--gc-trade-sell) 35%, var(--se-border, var(--border)));
}
.tnl-row.tnl-row--receiving.tnl-row--selected .tnl-summary-card--selected {
@@ -425,11 +425,11 @@
}
.tnl-summary-card--buy {
border-color: color-mix(in srgb, var(--accent, #3f7ef5) 35%, var(--se-border, var(--border)));
border-color: color-mix(in srgb, var(--gc-trade-buy) 35%, var(--se-border, var(--border)));
}
.tnl-summary-card--sell {
border-color: color-mix(in srgb, #ef5350 35%, var(--se-border, var(--border)));
border-color: color-mix(in srgb, var(--gc-trade-sell) 35%, var(--se-border, var(--border)));
}
.tnl-summary-panel {
@@ -530,11 +530,11 @@
}
.tnl-summary-arrow--buy {
color: var(--accent, #3f7ef5);
color: var(--gc-trade-buy);
}
.tnl-summary-arrow--sell {
color: #ef5350;
color: var(--gc-trade-sell);
}
.tnl-summary-pair {
@@ -551,11 +551,11 @@
}
.tnl-summary-type--buy {
color: var(--accent, #3f7ef5);
color: var(--gc-trade-buy);
}
.tnl-summary-type--sell {
color: #ef5350;
color: var(--gc-trade-sell);
}
.tnl-summary-quote-right {
@@ -574,11 +574,11 @@
}
.tnl-summary-price--buy {
color: var(--accent, #3f7ef5);
color: var(--gc-trade-buy);
}
.tnl-summary-price--sell {
color: #ef5350;
color: var(--gc-trade-sell);
}
/* 3행+: 상세 정보 */
frontend/src/styles/virtualTradingDashboard.css
+14 -10
View File
@@ -576,11 +576,11 @@
}
.vtd-trade-item--buy {
border-color: color-mix(in srgb, var(--up, #ef5350) 22%, var(--se-border));
border-color: color-mix(in srgb, var(--gc-trade-buy) 22%, var(--se-border));
}
.vtd-trade-item--sell {
border-color: color-mix(in srgb, var(--down, #26a69a) 22%, var(--se-border));
border-color: color-mix(in srgb, var(--gc-trade-sell) 22%, var(--se-border));
}
.vtd-trade-side-badge {
@@ -596,15 +596,15 @@
}
.vtd-trade-side-badge--buy {
color: var(--up, #ef5350);
background: color-mix(in srgb, var(--up, #ef5350) 14%, transparent);
border: 1px solid color-mix(in srgb, var(--up, #ef5350) 28%, transparent);
color: var(--gc-trade-buy);
background: color-mix(in srgb, var(--gc-trade-buy) 14%, transparent);
border: 1px solid color-mix(in srgb, var(--gc-trade-buy) 28%, transparent);
}
.vtd-trade-side-badge--sell {
color: var(--down, #26a69a);
background: color-mix(in srgb, var(--down, #26a69a) 14%, transparent);
border: 1px solid color-mix(in srgb, var(--down, #26a69a) 28%, transparent);
color: var(--gc-trade-sell);
background: color-mix(in srgb, var(--gc-trade-sell) 14%, transparent);
border: 1px solid color-mix(in srgb, var(--gc-trade-sell) 28%, transparent);
}
.vtd-trade-quote {
@@ -1322,9 +1322,13 @@
}
/* 매수·매도 타이밍 — 카드 테두리 강조 비활성 (신호등·패널에서만 표시) */
.vtd-card--timing-buy,
.vtd-card--timing-buy {
border-color: color-mix(in srgb, var(--gc-trade-buy) 40%, var(--se-border));
box-shadow: none;
}
.vtd-card--timing-sell {
border-color: color-mix(in srgb, var(--se-gold) 35%, var(--se-border));
border-color: color-mix(in srgb, var(--gc-trade-sell) 40%, var(--se-border));
box-shadow: none;
}