prefers-color-scheme1 5. Tailwind CSS 다크모드 적용 사용자 정의 스타일 설명Tailwind에는 다크 모드가 활성화되었을 때 사이트를 다르게 스타일링할 수 있는 dark 키워드를 사용할 수 있습니다. 기본적으로는 Prefers-color-scheme CSS 미디어 기능을 사용하지만 selector 방식을 사용해 수동으로 전환 가능합니다.prefers-color-scheme CSS 미디어 쿼리사용자가 어떤 테마를 선호하는지 감지할 수 있는 CSS 기능입니다. 이 쿼리는 사용자가 시스템 설정에서 밝은(light) 또는 어두운(dark) 테마를 선택했는지 여부를 확인하여 스타일을 적용 할 수 있습니다./* 다크 테마에 대한 스타일 */@media (prefers-color-scheme: dark) { body { background-color: #000000; /* 어두운 .. 2024. 4. 30. 이전 1 다음
