Dev/CSS (1) 썸네일형 리스트형 다크 모드(Dark mode) 적용 방법! (CSS 미디어 쿼리 prefers-color-scheme) 다크 모드(Dark mode) 작업은 처음이라 기록, 수정하며 두고두고 볼 예정이다. 우선, 다크 모드는 2018년에 macOS Mojave에 처음 소개되었고, 현재는 Windows 10, 안드로이드, ios를 비롯하여 많은 운영 체제에서 지원하고 있다. 이에 따라 점점 많은 애플리케이션과 웹사이트가 운영 체제의 다크 모드에서 어울리는 어두운 계열의 스타일을 추가하고 있는 추세이기 때문에 사용자가 다크 모드로 설정 했을 때 보여지는 프론트 단을 어떻게 설정하는지 알아보려 한다. 우리는 항상 시간이 없으니 바로 본론부터 들어가자! prefers-color-scheme 미디어 쿼리 @media (prefers-color-scheme: light) { /* 라이트 모드에 적용될 css 정의 */ } @medi.. 이전 1 다음