Merged
Conversation
키보드 접근성 향상을 위해 mdx 내에서 사용된 anchor 태그에 포커스 스타일을 추가함 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
'파일 이름에 케밥 케이스 사용' 규칙을 통일하기 위해 카멜케이스로 작성되어있던 `usePrevious.ts`의 파일 이름을 `use-previous.ts`로 변경함 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
`wrap-root-element`가 컴포넌트 타입이 아니기 때문에 내부에서 hooks을 사용할 수 없는 문제를 해결하고자 `wrap-root-element.ts`에서 담당하던 로직을 `wrapper.ts`로 이동하고 `wrap-root-element.ts`에서는 `wrapper` 컴포넌트를 사용하여 element를 렌더하도록 함 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
- 다크 모드 지원을 위해 theme을 `light`, `dark`로 구분한 후 `palette.text` 및 `palette.background`를 추가함 - 변경된 인터페이스에 따라 `theme`을 참조하던 코드를 수정함 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
다크 모드에서 사용할 syntax highlighting 스타일 코드를 추가하고 theme 타입에 따라 선택적으로 적용하도록 함 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
현재 적용된 컬러 모드 타입을 전역적으로 참조할 수 있도록 `ColorModeContext`를 추가하고 이 값을 사용할 수 있도록 하는 `useColorMode` hook을 추가함 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
- 컬러 모드를 전환할 수 있는 theme-switch 추가 - 컬러 모드 타입에 따라 `utterances`의 theme을 함께 변경하도록 함 - 컬러 모드 타입 변경 시 값을 로컬 스토리지에 저장하여 블로그 재방문 시에도 전에 사용중이었던 컬러 모드를 유지하도록 함 Resolved #15 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
utterances의 theme을 로컬 스토리지에 저장된 `colorMode` 값에 기반해 결정하도록 변경 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
- 유지 보수를 쉽게 하고자 여러 곳에서 재사용되는 문자열을 상수로 분리함 - 로컬 스토리지의 `'colorMode'` 키 값을 `COLOR_MODE_KEY`로 분리 - utterances의 theme을 `UtterancesTheme` enum으로 분리 Signed-off-by: chayeoi <chayeoikeem@gmail.com>
chayeoi
force-pushed
the
feat/15-dark-theme
branch
from
d6af9b8 to
54f9da5
Compare
Merged
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
우측 상단의 모드 변경 버튼을 이용하여 라이트 모드와 다크 모드를 전환할 수 있는 기능 추가
Resolved #15