yunagi_n https://blog.hatena.ne.jp/yunagi_n/ なつねこメモ https://tech.natsuneko.blog/ CSS TailwindCSS 考えることを極力減らしたい、そんな私ですが、ダークモード対応も面倒ですよね。 そんなときに使えるのが NightwindCSS という TailwindCSS のプラグインがあります。 それを使ったダークモード対応のお話。 といっても導入方法は簡単で、以下のようにしてあげれば終わります。 まずはいつも通り依存に追加してあげて、 $ yarn add nightwind TailwindCSS の設定のプラグイン部分に追加してあげる。 module.exports = { // 略 plugins: [ require("nightwind") ], } 最後に、何かしらの方法で script … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.natsuneko.blog%2Fentry%2F2021%2F05%2F07%2Feasy-tailwind-dark-mode-support-in-nightwindcss" title="NightwindCSS で TailwindCSS のダークモード対応を楽にしたい - なつねこメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-05-06 15:00:00 rich https://tech.natsuneko.blog/entry/2021/05/07/easy-tailwind-dark-mode-support-in-nightwindcss 1.0 100%