颜色在 Rails 上的 TailwindCSS 上不起作用

Question

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

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

有什么想法吗？

谢谢。

Answer 1

您必须添加颜色cyan和light-blue（在默认游乐场代码中使用），tailwind.config.js因为它们不带有默认 theme。

const colors = require('tailwindcss/colors')

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