#dark-mode
3개의 게시물
commitsether-blog · 1c9a26f
사이드바 반응형 레이아웃 개선 및 다크모드 가독성 강화
🤖 629 in / 1585 out / 2214 total tokens 모바일 환경에서 사이드바를 하단에 배치하여 포스트 리스트와 함께 표시되도록 변경했습니다. 데스크탑 화면에서는 오른쪽에 고정된 사이드바를 통해 2단 레이아웃을 구현했습니다. 다크모드 시 텍스트가 흐릿해지는 문제를 해결하기 위해 사이드바에 배경색과 테두리를 추가했습니다. 페이지 전체
commitsMidWayDer · cd54653
다크모드 색상 호환성 개선: 하드코딩 색상을 CSS 변수로 교체
🤖 909 in / 599 out / 1508 total tokens ResultCard와 CompactCard 컴포넌트에 하드코딩된 색상값들이 다크모드에서 가독성 문제를 일으키고 있었다. 배경색이나 텍스트 색상이 고정되어 있어 다크 테마에서도 밝은 색상이 그대로 노출되는 문제다. 방문 뱃지, 메모 영역, 액션 버튼 등에서 dcfce7, 15803d
commitsMidWayDer · 59caef7
v0.44.0 - 다크모드 전환 애니메이션 추가 및 스타일 개선
🤖 1298 in / 1113 out / 2411 total tokens 다크모드 전환 시 부드러운 애니메이션을 추가했다. 0.2-0.3초 ease-out 타이밍으로 자연스러운 테마 전환을 구현했다. 성능을 고려해 모든 요소에 전환을 적용하지는 않았다. 지도, 캔버스, 이미지, 비디오 같은 무거운 요소는 전환에서 제외했다. card, panel, b