获取在 js 中的 tailwind 配置文件中定义的自定义 colors（`colors` 对象）

Question

我在 tailwind.config.js 文件中定义了一些自定义的 colors。

module.exports = {
    darkMode: 'class',
    content: [
        './src/**/*.{js,jsx,ts,tsx,html}',
        './public/index.html'
    ],
    theme: {
        extend: {
            colors: {
                primary: '#E3106E',
                gp: '#19AAF8',
                bl: '#F56622',
                airtel: '#EC1C24',
                robi: '#E30B13',
                teletalk: '#6EB344'
            }
        },
        plugins: []
    },
    gpColor: '#19AAF8'
}

在js文件中，我可以从tailwind CSS导入的colors变量中得到tailwind colors。有没有办法在js文件中得到自定义的colors？

Answer 1

您可以将其应用为

import colors from 'tailwindcss/path'
const green = colors.primary;

这可能对你有帮助。

供参考：- 第二件事是，如果您使用的是 tailwind CSS，那么您可以直接在您的代码上使用他们自己的 CSS colors。