Skip to content

Document theme colors in custom utilities - #2525

Open
PedroLunet wants to merge 1 commit into
tailwindlabs:mainfrom
PedroLunet:pedrolunet/docs-custom-color-utilities
Open

PedroLunet wants to merge 1 commit into
tailwindlabs:mainfrom
PedroLunet:pedrolunet/docs-custom-color-utilities

Conversation

@PedroLunet

Copy link
Copy Markdown

The functional utility documentation explains theme matching with tab sizes, but does not show how to use theme colors. Add a glow-* example using --value(--color-*), with HTML showing a color from the default palette and a custom color defined with @theme.

Addresses the missing color example reported in #2473.

Test plan

  • corepack pnpm exec prettier --check src/docs/adding-custom-styles.mdx
  • Compiled the exact CSS snippet and HTML classes with @tailwindcss/node using Tailwind CSS 4.3.3. Verified that glow-blue-500 and glow-avocado-500 generate box shadows using the expected theme variables, and that both color values are emitted.
  • Ran corepack pnpm dev --hostname 127.0.0.1 --port 3100 and checked the rendered documentation in the browser, including CSS and HTML highlighting. No browser console errors.

@vercel

vercel Bot commented Sep 14, 2026

Copy link
Copy Markdown

@PedroLunet is attempting to deploy a commit to the Tailwind Labs Team on Vercel.

A member of the Team first needs to authorize it.

@greptile-apps

greptile-apps Bot commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

RetriggerConfidence Score: 5/5

The documentation change appears safe to merge.

Reviews (1) · Last reviewed commit: "Document theme colors in custom utilitie..."

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant