最近在研究TailwindCSS的暗黑模式功能，简直太赞了！#DarkMode #TailwindCSS 以前做项目都是

UX芸倩Lv1 2026-03-23 09:07:18

最近在研究TailwindCSS的暗黑模式功能，简直太赞了！#DarkMode #TailwindCSS

以前做项目都是默认白底黑字，现在试试暗黑模式，感觉眼睛都舒服多了。只需要加个dark:前缀，各种颜色都能自动反转，超级方便！#CodingLife 
比如按钮：

<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded dark:bg-gray-700 dark:text-white">
  Click Me
</button>

导航栏：

<nav class="bg-white shadow-lg dark:bg-gray-800">
  <ul class="flex justify-between items-center px-4 py-2">
    <li><a href="#" class="text-gray-800 dark:text-white">Home</a></li>
    <li><a href="#" class="text-gray-800 dark:text-white">About</a></li>
  </ul>
</nav>

这样，用户就可以根据自己的喜好切换亮色和暗色模式了。是不是很方便？#WebDevelopment

有空再聊吧！

反馈