我希望用自己的颜色替换默认的调色板,在配置文件的theme.colors
部分下面直接添加RGB颜色代码。
我希望用自己的颜色替换默认的调色板,在配置文件的theme.colors
部分下面直接添加RGB颜色代码。
tailwind.config.js
中添加它们:module.exports = {
theme: {
extend: {
// ...
},
colors:{
green:'rgb(12,159,100)'
}
},
plugins: [],
}
你可以轻松地像下面这样使用它:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./app/**/*.{js,ts,jsx,tsx}",
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
container: {
center: true,
padding: "10rem",
},
extend: {},
colors:{
primary : {
light:'#00976A',
dark:'#4EBE86',
},
border :'rgb (161,161,161,50%)'
}
},
plugins: [],
};