如何使用Tailwind自定义深色模式颜色

Question

我正在尝试为我的项目设置Tailwind (这是我第一次使用它)，但不知道如何定义深色和浅色主题的颜色；有没有这样的方法：

@tailwind base;
@tailwind components;
@tailwind utilities;
@dark
{
   --red: #FFC8C8;
}
@light
{
   --red: #F00000;
}

module.exports = {
   darkMode: 'class',
   theme: {
      extend: {
         'red': 'var(--red)',
      }
   }
};

这是我正在尝试做的事情的一个假设表示。不幸的是，我找到的Tailwind教程都没有解释如何做到这一点。有没有办法用Tailwind定制一个深色模式的调色板？谢谢。

Answer 1

您唯一需要做的就是在tailwind.config文件中设置颜色

module.exports = {
   darkMode: 'class',
   theme: {
      extend: {
         'red': '#FFC8C8',
      }
   }
};

现在你可以像这样使用它：=>：bg-red，dark:text-red ...