标签: React

现代操作系统普遍支持浅色和深色模式切换，为网站添加一个黑暗模式能显著提升用户体验。然而 Astro 作为站点生成器基本不关心 UI 层面的内容，因此在本文中，我们将基于 React 和 Tailwind CSS 为 Astro 添加暗黑模式支持，并动手制作一个精美的组件。虽然说是为 Astro 框架制作的功能，但是与 Astro 耦合并不深，你可以在任何其他框架上采用本文的逻辑。