인프런 커뮤니티 질문&답변

hello님의 프로필 이미지
hello

작성한 질문수

따라 하다 보면 완성되는, Ionic 훑어보기

뼈대 보수하기

테마가 검은색으로 적용됩니다.

해결된 질문

작성

·

447

0

cli 에서 명령어로 ionic start ~~~~~ 

하는거 동일하게 진행해서 프로젝트 생성하고 실행해보니 저는 검은색 테마로 나옵니다. 어떻게 하면 하얀 테마로 할 수 있나요??

답변 1

1

Padawan.Joy님의 프로필 이미지
Padawan.Joy
지식공유자

안녕하세요. 파다완 조이입니다~!

기본적으로 Ionic 앱의 테마는 시스템(또는 브라우져)의 테마 속성을 따라가도록 되어있습니다.

그래서 맥북 테마가 다크모드 상태이거나, 브라우져 테마가 다크모드 상태라면

기본값으로 Ionic 앱의 테마도 다크모드로 보여지게 됩니다.

시스템 테마와 상관없이 하얀색으로 앱이 나오도록 하는 방법은 다음과 같습니다.

src 폴더 > theme 폴더 > variables.scss 파일을 열어서

@media (prefers-color-scheme: dark) 라고 된 부분을 찾아주세요.

여기서 dark 값을 light 로 바꿔주시면 시스템 테마와 상관없이 강의처럼 하얀색으로 

보여지게 됩니다.

강의를 촬영할 때, 시스템 속성이 라이트 모드 상태여서 하얀색으로 보여졌는데, 이 부분에 대한

언급을 제가 못 드렸네요. 죄송합니다. 

또 궁금하신 부분은 질문 남겨주시면, 확인 후 바로 답변 드리겠습니다.^^

감사합니다!

hello님의 프로필 이미지
hello
질문자

답변 감사합니다 해결되었습니다!!

hello님의 프로필 이미지
hello

작성한 질문수

질문하기