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

【问题标题】：Default colors given in tailwind documentation are not working顺风文档中给出的默认颜色不起作用
【发布时间】：2022-01-15 03:29:34
【问题描述】：

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

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

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

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

【问题讨论】：

标签： css tailwind-css tailwind-ui

【解决方案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 文档即可。

【讨论】：

谢谢！我会试试这个。我实际上曾尝试在顺风操场上使用 version3 上的颜色名称，但我没有覆盖配置文件并尝试过，所以我无法获得这些颜色。参考-(play.tailwindcss.com/gbngSXMwJt?file=config).
再次，您链接的是 v2 游乐场，而不是 v3。右上角有选择器可以选择版本。这是 v3 游乐场，开箱即用的颜色play.tailwindcss.com/AD4gMp7Nxm
@Poornima 将答案标记为已接受以供进一步参考，如果它解决了您的问题，谢谢。