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 が必要ですか?それともJavaScriptコードでしょうか？

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/