颜色不适用于 TailwindCSS on Rails

Question

我使用 Rails 6.2.1 创建了一个全新的项目，并添加了 tailwindcss-rails。其中一些有效，但例如颜色似乎不起作用。当我将 https://play.tailwindcss.com/ 中的代码段嵌入到我的项目中时，它看起来像这样：

我所有的源代码都在这里https://github.com/pupeno/imok

知道这里发生了什么吗？

谢谢。

Answer 1

您必须将颜色 cyan 和 light-blue（在默认 playground 代码中使用）添加到 tailwind.config.js，因为它们 don't come with the default theme。

const colors = require('tailwindcss/colors')

module.exports = {
  theme: {
    extend: {
      colors: {
        'light-blue': colors.lightBlue,
        cyan: colors.cyan,
      },
    },
  },
  variants: {},
  plugins: [],
}