Tailwind 文档中给出的默认颜色不起作用

Question

我尝试使用 documentation 中提到的琥珀色和青柠色等颜色。这些颜色不起作用。只有具有主要颜色名称（例如红色、粉红色）的颜色才有效。

不适用的颜色：琥珀色、祖母绿色、青柠色、玫瑰色、紫红色、板岩色、锌色，甚至橙色。

我使用的是 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,
      }
    }
  }
}

More info

Color palette reference

因此，如果您想配置调色板，请阅读此 v2 文档。

Tailwind 文档中给出的默认颜色不起作用

Default colors given in tailwind documentation are not working

css

tailwind-css

tailwind-ui