← 목록으로
개발 로그

모바일 홈 탭 색상 수정 · 라이트 모드 강조색 통일

5

모바일 하단 탭바의 홈 색상과 라이트 모드의 강조색을 정리했습니다. 플랫폼을 이동할 때 색상이 일관되게 보이도록 다듬는 데 집중했습니다.

모바일 홈 탭 색상 정리

모바일 하단 탭바의 홈 탭이 디자인 플랫폼의 강조색을 따라가던 부분을 수정했습니다.

홈 탭은 다크 모드에서 인디고 계열의 #6366F1을 사용하고, 라이트 모드에서는 다른 플랫폼과 동일한 강조색을 사용하도록 정리했습니다. 아이콘과 글자뿐 아니라 현재 위치를 표시하는 선도 같은 기준을 따릅니다.

라이트 모드 강조색 통일

기존에는 디자인·게임즈·크리에이티브의 라이트 모드 색상과 채널의 라이트 모드 색상이 조금 달랐습니다. 플랫폼을 이동할 때 미묘하게 다른 보라색이 보이는 상태였습니다.

이번에는 홈 탭과 디자인·게임즈·크리에이티브·채널의 기본 UI 강조색을 인디고 #4F46E5로 통일했습니다.

  • 버튼과 선택 상태에 사용하는 기본 강조색 통일
  • 호버 색상과 옅은 강조 배경을 같은 계열로 조정
  • 공통 로딩 표시, 입력 포커스와 버튼 그림자 색상 정리

다크 모드에서는 각 플랫폼의 개성을 나타내는 기존 색상을 유지합니다. 홈의 장식용 그라데이션과 콘텐츠 이미지의 색상은 그대로입니다.

화면 확인

모바일 화면에서 홈 탭의 아이콘·글자·활성 표시선이 테마에 맞게 보이는지 확인했습니다. 각 플랫폼의 라이트 모드에서도 같은 강조색이 적용되는 것을 확인했습니다.

댓글

0/500