小编Pou*_*ahi的帖子

我正在开发一个Reactjs项目，该项目使用Tailwind CSS作为我的 CSS 框架，并且我正在尝试使用自定义颜色构建一个主题。

我在文件中将颜色定义为 CSS 变量index.css，但设置 alpha 值对这些颜色不起作用。

这是我的颜色值的 CSS：

  @layer base {
    :root {
        --base: 26 27 27;
        --light: 43 43 43;
        --lighter: 81 81 81;
        --text-base: 235 235 235;
        --text-inverted: 71 72 72;
        --color-primary: 241 218 19;
        --color-primary-light: 245 226 66;
        --color-danger: 243 75 19;
        --color-danger-light: 245 111 66;
        --color-accent: 242 142 19;
        --color-accent-light: 245 165 66;
        --color-secondary: 235 235 235
       }
    }

我在文件中配置了一个自定义主题，tailwind.config.js如下所示：

 module.exports = {
    content: [ …