tailwindcss-backgrounds
Use when styling background colors, building linear/radial/conic gradients, setting background images/position/size, or blend modes.
Target: Target not categorized. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Tailwind CSS Backgrounds Skill
- Background Colors
- Color Palette (OKLCH P3)
- Linear Gradients
- Direction Utilities
- Radial Gradients
- Conic Gradients (since v4.0)
- Gradient Color Stops
Complete reference for Tailwind CSS v4.3 background utilities: bg-{color} with the OKLCH P3 color palette (including the mauve/olive/mist/taupe palettes added in v4.2), gradients (bg-linear-, bg-radial-, and bg-conic-), background images (bg-cover/bg-contain/bg-repeat/positioning/sizing), and blend modes (bg-blend-). Includes gradient color-stop control (from-/via-/to-), custom-angle linear gradients, and theme-config extension for custom colors and background images. Complete reference for background utilities in Tailwind CSS v4.3, including colors, gradients, images, positioning, sizing, and blend modes. Use bg-{color} utilities to set background colors with the modernized OKLCH color palette. The default Tailwind palette uses OKLCH color space for perceptually uniform colors across the wider P3 gamut: Neutrals: slate, gray, zinc, neutral, stone Tinted neutrals (since v4.2): mauve, olive, mist, taupe Colors: red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose Each color has 11 shades: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 Create linear gradients using bg-linear- utilities with direction and color stop
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- Fusengine/claude-plugins
- Source file
- plugins/tailwindcss/skills/tailwindcss-backgrounds/SKILL.md
- Fixed revision
- b9f82810cf3b5e3c4350332ac3ef618d60163cc0
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: Fusengine/claude-plugins · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-11T11:01:45.883Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.