在顺风中添加自定义颜色后所有颜色都消失了[重复]答案

【问题标题】：All colors gone after adding custom color in tailwind [duplicate]在顺风中添加自定义颜色后所有颜色都消失了[重复]
【发布时间】：2022-01-21 03:57:06
【问题描述】：

我刚刚为顺风添加了一个自定义颜色，如下所示：

colors: {
         'slate': '#475569'
      },

然后我运行npm run watch，颜色按预期工作，但所有其他颜色都消失了，它们已从项目中擦除，我无法使用它们，因为它们不会出现在自动完成中，也不会在自己打出来。

编辑：当我删除自定义颜色并重新运行 npm run watch 时，旧颜色再次起作用，但我需要添加自定义颜色：/

【问题讨论】：

【解决方案1】：

我怀疑您将默认颜色替换为您添加的颜色。为了扩展默认颜色，tailwind.config.js 文件应如下所示

module.exports = {
  theme: {
    extend: {
      colors: {
        brown: {
          50: '#fdf8f6',
        },
      }
    },
  },
}

如果您将 colors 键放在 extend 键之外，则默认颜色将被删除。

【讨论】：