css - 顺风文档中给出的默认颜色不起作用

Question

我试图使用文档中提到的琥珀色和石灰等颜色。这些颜色不起作用。只有名称如原色名称（例如红色、粉红色）的颜色才有效。

不适用的颜色：琥珀色、翡翠色、石灰、玫瑰色、紫红色、板岩色、锌色，甚至橙色。

我使用的是 2.26 版本，但我使用 Tailwind 游乐场检查了 1.9 和 2.25 之间的版本，但这些颜色仍然不起作用。即使在操场上，也不建议使用这些颜色名称。

为什么我不能使用这些颜色？

Answer 1

这是 Tailwind版本 3的文档，它具有扩展的调色板。

您需要更新到此版本或使用版本 2 文档https://v2.tailwindcss.com/docs/customizing-colors#extending-the-defaults并手动展开调色板，如下所示：

// tailwind.config.js
const colors = require('tailwindcss/colors')

module.exports = {
  theme: {
    extend: {
      colors: {
        amber: colors.amber,
        emerald: colors.emerald,
      }
    }
  }
}

更多信息

调色板参考

所以，如果你想配置你的调色板，只需阅读这个 v2 文档。