shuim
a45007cbb2
- frontend: 대시보드를 TradingView 레이아웃으로 재구성(components/tv/*) — 캔들+MA/BB/거래량, 평단·손절·목표·트레일링 가격선, 체결 마커, RSI 기준선은 실효 설정값, 하단 탭(보유·체결·DT 카드· 비용 후 손익곡선/낙폭·저널), 디자인 토큰·한국식 색·최소 11px, 모바일 가로 스크롤 제거 - backend(GET 전용, require_api_key): /positions/overlay, /risk/equity-history, /strategy-config/display, /trades 응답 필드(side·strategy_type·commission·net_profit_loss), /risk/mdd-status thresholds, /market-data/chart 1m|5m(캐시·in-flight 공유) - mean_reversion_strategy: RSI 청산 임계를 resolve_swing_exit_rsi_v2 로 추출(동작 동일) — 청산과 화면 표시가 같은 값을 쓴다 - §8.5-39: SWING_STOP_IGNORE_CRISIS_OVERLAY(기본 False) — 반사실 재생에서 Crisis 조기 손절이 오히려 손실을 줄여 기본 OFF 유지, 정식 백테스트 전 켜지 말 것 - 유닛 스위트 2816 passed / 0 failed, tsc·build 통과 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
90 lines
2.1 KiB
CSS
90 lines
2.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
|
|
color-scheme: light dark;
|
|
color: rgba(255, 255, 255, 0.87);
|
|
background-color: #0f172a;
|
|
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* TradingView 스타일 토큰 (RGB 3원소 — tailwind 의 <alpha-value> 와 호환).
|
|
한국식: 상승/이익 = 빨강(up), 하락/손실 = 파랑(down), 경고 = 앰버(warn, 빨강과 분리) */
|
|
:root {
|
|
--tv-bg: 19 23 34;
|
|
--tv-panel: 30 34 45;
|
|
--tv-raised: 42 46 57;
|
|
--tv-border: 54 58 69;
|
|
--tv-text: 209 212 220;
|
|
--tv-muted: 138 142 154;
|
|
--tv-up: 242 54 69;
|
|
--tv-down: 41 98 255;
|
|
--tv-warn: 255 167 38;
|
|
--tv-accent: 179 136 255;
|
|
}
|
|
[data-theme='light'] {
|
|
--tv-bg: 255 255 255;
|
|
--tv-panel: 249 249 249;
|
|
--tv-raised: 240 243 250;
|
|
--tv-border: 224 227 235;
|
|
--tv-text: 19 23 34;
|
|
--tv-muted: 106 109 120;
|
|
--tv-up: 214 40 56;
|
|
--tv-down: 33 80 224;
|
|
--tv-warn: 230 120 0;
|
|
--tv-accent: 103 58 183;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
min-width: 320px;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
#root {
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
@layer components {
|
|
.card {
|
|
@apply bg-slate-800 rounded-lg shadow-lg p-6;
|
|
}
|
|
|
|
.btn {
|
|
@apply px-4 py-2 rounded-lg font-medium transition-colors;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply btn bg-primary hover:bg-blue-700 text-white;
|
|
}
|
|
|
|
.btn-success {
|
|
@apply btn bg-success hover:bg-green-700 text-white;
|
|
}
|
|
|
|
.btn-danger {
|
|
@apply btn bg-danger hover:bg-red-700 text-white;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply btn bg-secondary hover:bg-slate-600 text-white;
|
|
}
|
|
|
|
.input {
|
|
@apply w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-primary;
|
|
}
|
|
|
|
.label {
|
|
@apply block text-sm font-medium text-slate-300 mb-1;
|
|
}
|
|
} |