tailwindcss1 [CSS] tailwindCSS로 다크모드 적용하기 다크모드 기능 활성화 tailwind에서 다크모드를 사용하려면, tailwind.config.js에 설정이 필요합니다. darkMode에는 2가지 속성이 있는데, 본 글에서는 수동으로 변경 할 수 있도록 하기 위해, class를 사용했습니다. class: 수동으로 변경 할 수 있도록 html 태그의 className 속성에 dark가 추가되었을때, 다크 모드 스타일이 적용 됨 media: 운영체제 설정에 따라 다크 모드 스타일이 적용 됨 다크모드 적용하기 tailwind.config.js darkMode: 'class' 를 추가합니다. module.exports = { darkMode: 'class', content: ['./src/**/*.{js,jsx,ts,tsx}'], //... } 이제 상위 요소.. Programing/CSS 2024. 2. 11. 이전 1 다음
