Resultado da Busca
Naming your colors. Tailwind uses literal color names (like red, green, etc.) and a numeric scale (where 50 is light and 900 is dark) by default. We think this is the best choice for most projects, and have found it easier to maintain than using abstract names like primary or danger.
- Background Color
Setting the background color. Use utilities like bg-white,...
- Text Color
By default, Tailwind makes the entire default color palette...
- Colors
We picked all of Tailwind's default colors by hand,...
- Background Color
Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.
Learn how to configure your color palette for your Tailwind CSS project using the theme section of tailwind.config.js. You can curate colors from the default palette or create your own custom colors with nested object syntax.
Setting the background color. Use utilities like bg-white, bg-indigo-500 and bg-transparent to control the background color of an element.
ClassPropertiesbg-inheritbackground-color: inherit;bg-currentbackground-color: currentColor;bg-transparentbackground-color: transparent;bg-blackbackground-color: rgb (0 0 0);By default, Tailwind makes the entire default color palette available as text colors. You can customize your color palette by editing theme.colors or theme.extend.colors in your tailwind.config.js file.
ClassPropertiestext-inheritcolor: inherit;text-currentcolor: currentColor;text-transparentcolor: transparent;text-blackcolor: rgb (0 0 0);Learn how to override, extend, or disable the default color palette for your Tailwind project. See examples of using nested objects, theme() function, and CSS custom properties for color customization.
17 de mar. de 2024 · We’ll discuss how to use TailwindCSS colors for both text and background colors below. Using Tailwind CSS Color Palette as Text Color