다크 모드 자동 감지

[joonas-yoon]

내용

'밝은 테마', '어두운 테마' 외에 '자동'을 추가하여 시스템 설정을 따르는 기능

https://stackoverflow.com/a/57795518

window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
    const newColorScheme = e.matches ? "dark" : "light";
});

[joonas-yoon]

지금 상태로는 코드가 테마 2개만을 고려하고 있어서 생각보다 코드가 꼬임

known-issue: 버튼을 누른 탭만 적용되고, 실제 설정과 동기화 되지 않음.

-> background.js 로 메시지를 보내서 전파하는 방향으로 바꾸면서 코드 싹 갈기

[joonas-yoon]

최초 실행시에 시스템 설정을 읽어서 변경하도록 구현

실시간으로 변경을 감지하려면, 읽는 속도가 느려서 깜빡임이 재현됨.

https://github.com/joonas-yoon/boj-extended/commit/82c0ddee888a10f8ef3cc22c44fefcb4ecc31a45

[joonas-yoon]

1.8.3.1 버전으로 합쳐짐