diff --git a/frontend/src/styles/floatingWidget.css b/frontend/src/styles/floatingWidget.css index 8b94d30..9284c8d 100644 --- a/frontend/src/styles/floatingWidget.css +++ b/frontend/src/styles/floatingWidget.css @@ -122,7 +122,12 @@ display: grid; gap: 1px; padding: 0; - background: color-mix(in srgb, var(--se-border, var(--border)) 18%, transparent); + /* 칸 구분선 — 얇되 세로·가로 균일하게 보이도록 accent 살짝 혼합 */ + background: color-mix( + in srgb, + var(--se-accent, var(--accent)) 8%, + color-mix(in srgb, var(--se-border, var(--border)) 32%, transparent) + ); overflow: hidden; } @@ -212,8 +217,12 @@ content: ''; position: absolute; pointer-events: none; - opacity: 0; - background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent); + opacity: 0.45; + background: color-mix( + in srgb, + var(--se-accent, var(--accent)) 22%, + color-mix(in srgb, var(--se-border, var(--border)) 55%, transparent) + ); transition: opacity 0.12s, background 0.12s; } @@ -236,6 +245,7 @@ .fw-grid-splitter:hover::after, .fw-grid-splitter--active::after { opacity: 1; + background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent); } /* 리사이즈 핸들 — 좌·우 하단 (차트 툴바 위에 표시) */