Skip to content

feat: 팝업과 설정 화면에 테마 모드 추가#4

Merged
dev-minsoo merged 1 commit into
mainfrom
feat/dark-mode
Apr 20, 2026
Merged

feat: 팝업과 설정 화면에 테마 모드 추가#4
dev-minsoo merged 1 commit into
mainfrom
feat/dark-mode

Conversation

@dev-minsoo
Copy link
Copy Markdown
Owner

@dev-minsoo dev-minsoo commented Apr 20, 2026

요약

팝업, 웰컴, 옵션 페이지에 공통 테마 모드를 추가했습니다.

이번 변경으로 사용자는 옵션 페이지에서 System, Light, Dark 중 하나를 선택할 수 있고, 선택한 테마는 팝업과 웰컴 페이지에도 즉시 반영됩니다. 팝업에서는 설정 아이콘 오른쪽에 라이트/다크 전환 아이콘을 추가해 빠르게 테마를 바꿀 수 있도록 했습니다.

주요 변경사항

  • themeMode 설정 추가
    • system, light, dark 모드 지원
    • 기본값은 system
  • 팝업 상단에 테마 전환 아이콘 추가
    • 현재 적용된 테마 기준으로 light/dark 전환
  • 옵션 페이지에 Theme 셀렉트박스 추가
    • System, Light, Dark 선택 가능
    • Language 설정 위에 배치
  • 팝업, 웰컴, 옵션 페이지에 라이트/다크 테마 스타일 적용
  • chrome.storage.onChanged 기반으로 테마 변경 즉시 반영
  • 시스템 테마 변경 시 system 모드에서 자동 반영

검증

  • npm run lint 통과
  • npm run build 통과

확인하면 좋은 부분

  • 팝업에서 테마 아이콘을 눌렀을 때 즉시 전환되는지
  • 옵션 페이지에서 System / Light / Dark 선택 시 팝업, 웰컴, 옵션이 모두 같은 테마로 반영되는지
  • 라이트 모드에서 카드, 셀렉트박스, 버튼 가독성이 충분한지
  • 다크 모드 기존 디자인 톤이 유지되는지

@dev-minsoo dev-minsoo merged commit a2a55af into main Apr 20, 2026
1 check passed
@github-actions
Copy link
Copy Markdown

🎉 This PR is included in version 1.1.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@dev-minsoo dev-minsoo deleted the feat/dark-mode branch April 20, 2026 12:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant