claude-owner 2b2d1ea661 ui(collapsible): fix header hover tone inversion under sticky parent ...

Collapsible 헤더 button 의 hover bg 를 zinc-900/60 → zinc-800/50 으로 교체.

문제: hover 톤이 부모의 bg 불투명도에 의존해서 방향이 뒤집힘.
- 비-sticky 부모 bg-zinc-900/40 + hover bg-zinc-900/60 → hover 영역이 더 불투명
  (어두워짐) = highlight. OK.
- OrderbookPanel sticky 부모 bg-zinc-900/80 + hover bg-zinc-900/60 → hover 영역이
  덜 불투명(더 옅어짐) = hover 가 "뒤로 가는" 인상. 톤 역전.

원인: 둘 다 같은 zinc-900 색이라 hover 가 불투명도 차이만으로 highlight 를
표시. 부모 opacity 가 hover opacity 보다 높으면 신호가 뒤집힘.

해결: hover 를 zinc-800 (zinc-900 보다 한 단계 밝은 색) 으로 옮김. 색 자체가
밝아 /50 opacity 라도 두 부모 케이스 모두에서 highlight 방향이 유지됨. 사이드바
list-row hover 톤(RelatedStocks bg-zinc-800/40 · PeerList bg-zinc-800/50)과도
통일 — 클릭 가능 요소의 hover 톤이 앱 전반에서 동일 색족.

검증: tsc/next lint 통과.

2026-06-01 11:05:30 +09:00

3.7 KiB

Raw Blame History

View Raw