如何使用CDN在顺风CSS中添加暗模式切换



我是Javascript新手。最近我开始使用顺风Css。现在我想把它添加到我的博客模板中。但我不知道如何添加一个黑暗模式切换按钮在顺风Css。如何在顺风Css中添加暗模式切换按钮

注意:由于我使用博客平台,所以没有办法从本地图书馆添加。所以我用CDN

<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.15/dist/tailwind.min.css" rel="stylesheet">

我还需要其他CDN吗?还是Javascript代码?

请查看下面的代码链接希望它对你有用。我们已经使用了Tailwind的库flowbite,它提供了一个内置的暗模式切换开关,所以我们可以应用这个。

请参考此链接:https://codesandbox.io/embed/fervent-fast-6v9fn5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark

您也可以遵循此文档:https://flowbite.com/docs/customize/dark-mode/

最新更新