/**@type{import('tailwindcss').Config}*/module.exports={theme:{colors:{transparent:'transparent',current:'currentColor','white':'#ffffff','purple':'#3f3cbb','midnight':'#121063','metal':'#565584','tahiti':'#3ab7bf','silver':'#ecebff','bubble-gum':'#ff77e9','bermuda':'#78...
Tailwind基于调色板工作。默认的配置包括在内,您可以在尾风配置文件中修改您的配置,如这里的文档所述:https://tailwindcss.com/docs/customizing-colors 然而,“顺风”并不是为动态颜色设计的,这将违反“顺风”的原则,即“约束”(请查看此thread了解更多信息:https://github.com/tailwindlabs/tailwindcss/discussions/...
然后在css 中定义变量 theme 方法可以获取tailwind 内置的颜色,想要使用颜色比配置在colors 中。跟多颜色可以访问customizing-colors,当然 @tailwindbase;@tailwindcomponents;@tailwindutilities;@layerbase {.theme-light{--color-base:theme('colors.white');--color-text-base:theme('colors.black');--color-off-...
然后在 css 中定义变量 theme 方法可以获取 tailwind 内置的颜色,想要使用颜色比配置在 colors 中。跟多颜色可以访问customizing-colors,当然 代码语言:javascript 复制 @tailwind base;@tailwind components;@tailwind utilities;@layer base{.theme-light{--color-base:theme('colors.white');--color-text-base:theme...
然后在css 中定义变量 theme 方法可以获取tailwind 内置的颜色,想要使用颜色比配置在colors 中。跟多颜色可以访问customizing-colors,当然 @tailwindbase; @tailwindcomponents; @tailwindutilities; @layerbase{ .theme-light{ --color-base:theme('colors.white'); ...
I want to define a text-blue color in tailwind.css without loosing text-blue-100, text-blue-200, etc. I follow this guide: https://tailwindcss.com/docs/customizing-colors#extending-the-defaults and I try with: // tailwind.config.js module.exports = { theme: { extend:...
The default one is included and you can adapt yours in the tailwind config file as mentioned in the documentation here: https://tailwindcss.com/docs/customizing-colors However tailwind is not made for dynamic colors, that would go against the principles of tailwind which is 'constraint' (...
https://v1.tailwindcss.com/docs/customizing-colors demos http://localhost:3000/article importtype {Config}from'tailwindcss'constconfig:Config= {content: ['./src/pages/**/*.{js,ts,jsx,tsx,mdx}','./src/components/**/*.{js,ts,jsx,tsx,mdx}','./src/app/**/*.{js,ts,jsx,tsx,mdx...
Customizing Colors的段落,修改了以下程式碼。 constcolors =require('tailwindcss/colors')module.exports = { ... theme: {colors: {transparent:'transparent',current:'currentColor',gray: colors.trueGray,red: colors.red,blue: colors.sky,yellow: colors.amber, ...
总的来说,就是内置颜色变多了,而且结合 jit 引擎,也让tailwindCSS 配合CSS variables 使用更加的简单。详见 customizing-colors. 有颜色的阴影 现在阴影也有颜色了! 现在颜色的CSS变量使用 --tw-shadow-color: rgb(6 182 212/0.5); 来表示了,写法就是 shadow-cyan-500/50 前面代表使用的颜色,后面代表透明度...