CDN을 사용하여 Tailwind CSS에 다크 모드 전환을 추가하는 방법

Question

저는 JavaScript를 처음 사용합니다. 최근에는 Tailwind CSS를 사용하기 시작했습니다. 이제 내 블로그 템플릿에 추가하고 싶습니다. 하지만 Tailwind Css에 어두운 모드 토글 버튼을 추가하는 방법을 모르겠습니다. Tailwind Css에 다크 모드 토글 버튼을 어떻게 추가해야 하나요?

참고: 블로그 플랫폼을 사용하고 있기 때문에 기본 라이브러리에서 추가할 수 없습니다. 그래서 CDN을 사용합니다.

<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.15/dist/tailwind.min.css" rel="스타일시트">

다른 CDN이 필요합니까? 아니면 자바스크립트 코드인가요?

Answer 1

아래 코드 링크를 확인해 보시고 도움이 되셨으면 좋겠습니다. 우리는 이를 적용할 수 있도록 내장된 다크 모드 토글을 제공하는 flowbite라는 Tailwind의 라이브러리를 사용했습니다.

다음 링크를 참조하세요: https://codesandbox.io/embed/fervent-fast-6v9fn5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark

이 문서를 참조할 수도 있습니다: https://flowbite.com/docs/customize/dark-mode/