CSS에서 color-scheme: light dark 속성을 :root에 설정하면 어떤 효과가 있나요?
보통 MDN Web Docs해설
color-scheme: light dark는 페이지가 라이트/다크 모드를 모두 지원함을 브라우저에 알립니다. 이에 따라 <input>, <select>, 스크롤바, 기본 배경색 등 브라우저 기본 UI가 사용자의 OS 설정에 맞게 자동으로 다크/라이트 스타일로 전환됩니다.
color-scheme: light dark는 페이지가 라이트/다크 모드를 모두 지원함을 브라우저에 알립니다. 이에 따라 <input>, <select>, 스크롤바, 기본 배경색 등 브라우저 기본 UI가 사용자의 OS 설정에 맞게 자동으로 다크/라이트 스타일로 전환됩니다.
