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-29 00:58:10 +09:00
parent e43b5cbd5a
commit e1ad1d626e
5 changed files with 94 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.css
+29 -16
View File
@@ -35,6 +35,28 @@
--accent-muted: color-mix(in srgb, var(--accent) 22%, transparent);
--popup-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
--overlay-scrim: rgba(0, 0, 0, 0.55);
/* 실시간 수신 형광 연두 — 가상매매·알림·차트 슬롯 공통 (얇은 외곽) */
--gc-receive-border: #69f0ae;
--gc-receive-shadow:
0 0 0 1px color-mix(in srgb, #69f0ae 92%, transparent),
0 0 6px 2px #69f0ae50,
0 0 14px 4px #b9f6ca26;
--gc-receive-shadow-inset:
0 0 0 1px color-mix(in srgb, #69f0ae 92%, transparent),
0 0 6px 2px #69f0ae50,
0 0 14px 4px #b9f6ca26,
inset 0 0 28px color-mix(in srgb, #b9f6ca 10%, transparent);
--gc-receive-shadow-inset-light:
0 0 0 1px color-mix(in srgb, #69f0ae 92%, transparent),
0 0 6px 2px #69f0ae50,
0 0 14px 4px #b9f6ca26,
inset 0 0 20px color-mix(in srgb, #b9f6ca 8%, transparent);
--gc-receive-panel-inset: inset 0 0 16px color-mix(in srgb, #b9f6ca 6%, transparent);
--gc-receive-dot-shadow:
0 0 4px 2px #69f0ae,
0 0 10px 4px #69f0ae55,
0 0 16px 6px #b9f6ca1a;
}
/* ── Dark Theme: 도쿄 나이트 (THEME_SETTINGS.md §2.2) ───────────── */
@@ -537,11 +559,8 @@ html.theme-blue {
.ws-dot.receiving {
animation: none !important; /* idle 애니메이션 일시 중단 */
background: #b9f6ca !important; /* 밝은 연두 */
transform: scale(1.4);
box-shadow:
0 0 6px 3px #69f0ae, /* 내부 glow */
0 0 14px 6px #69f0ae66, /* 외부 glow */
0 0 24px 10px #b9f6ca22; /* 넓은 음영 */
transform: scale(1.35);
box-shadow: var(--gc-receive-dot-shadow);
}
@keyframes ws-idle-lime {
@@ -4634,12 +4653,8 @@ html.theme-blue {
/* 실시간 수신 — 가상투자 vtd-card--receiving 와 동일 형광 연두 */
.multi-slot-wrap:has(.chart-slot--receiving),
.chart-slot--compact.chart-slot--receiving {
border-color: #69f0ae !important;
box-shadow:
0 0 0 1px #69f0ae,
0 0 10px 4px #69f0ae66,
0 0 22px 8px #b9f6ca33,
inset 0 0 48px color-mix(in srgb, #b9f6ca 14%, transparent);
border-color: var(--gc-receive-border) !important;
box-shadow: var(--gc-receive-shadow-inset);
transition: box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}
@@ -4654,14 +4669,12 @@ html.theme-blue {
.chart-slot--compact.chart-slot--receiving.active {
box-shadow:
0 0 0 1px #69f0ae,
0 0 10px 4px #69f0ae66,
0 0 22px 8px #b9f6ca33,
inset 0 0 0 1px color-mix(in srgb, #69f0ae 55%, var(--accent, #2962ff));
var(--gc-receive-shadow),
inset 0 0 0 1px color-mix(in srgb, #69f0ae 50%, var(--accent, #2962ff));
}
.chart-slot--compact.chart-slot--receiving .slot-chart-wrap--compact {
box-shadow: inset 0 0 24px color-mix(in srgb, #b9f6ca 8%, transparent);
box-shadow: var(--gc-receive-panel-inset);
}
.slot-header--compact {