ionic5 - dark theme 적용풀기

문제

앱 기본 테마를 가지고 작업을 했는데, 사용자 설정에 따라서 앱의 테마가 light, dark 로 자동 적용되 있었다.

dark 테마로 자동전환 되는걸 막고싶었다.

 

해결

src-theme-variables.scss 파일에서 다음 항목을 찾고 모두 주석처리 해준다.

// @media (prefers-color-scheme: dark) {
//   /*
//    * Dark Colors
//    * -------------------------------------------
//    */

//   body {
//     --ion-color-primary: #428cff;
//     --ion-color-primary-rgb: 66,140,255;
//     --ion-color-primary-contrast: #ffffff;
//     --ion-color-primary-contrast-rgb: 255,255,255;
//     --ion-color-primary-shade: #3a7be0;
//     --ion-color-primary-tint: #5598ff;