- CSS를 이용하여 사용자 기기 인터페이스에 따라 웹 디자인을 수정할 수 있는 두 가지 방법이 있다: 💻
prefers-color-scheme
media query 를 활용하여 사용자 선호도에 따른 어두운 모드 또는 밝은 모드 적용 🌓color-scheme
속성을 루트 CSS에 설정하여- light/dark CSS 기능을 활용하여 밝은 모드/어두운 모드 의 새로운 디자인 활용 💡
- 새로운
color-scheme
기능은 Safari 과 Safari iOS 및 대부분의 브라우저에서 지원되어 현실 프로젝트에 적용 가능 🌐