다크모드

[CSS]다크모드 구현

다크모드는 소프트웨어에서 하얀 배경화면 대신에 검은 또는 어두운 배경화면을 지원하는 것을 말한다. 어두운 곳에서 눈의 피로를 줄이기도 하고 사람들의 선호에 맞게 다크모드를 사용한다. Prefers-color-scheme 다크모드를 prefers-color-scheme CSS미디어쿼리를 사용하여 적용할 수 있다. Theme .themed { display: block; width: 10em; height: 10em; background: black; color: white; } @media (prefers-color-scheme: light) { .themed { background: white; color: black; } } CSS 변수 선언하기 CSS로 변수를 선언해서 다크모드를 만들면 더 편한다. ..