Custom color palette only in theme.json using tailwindcss

sage
1

I’m new to this theme and am enjoying it, but looking at the @roots/vite-plugin code in dist/index.js it looks like the vite wordpressThemeJson() config only allows for two scenarios:

  1. Set disableTailwindColors to false and get all tailwind default colors + any custom colors set within @theme {} in app.css … OR …
  2. Set disableTailwindColors to true and get nothing (returns void: 0 for colorEntries).

Seems to me that there should be a third option to get ONLY the custom the custom palette from app.css to generate the color palette from. i.e. I don’t want the client to be able to choose from all tailwind default colors available, just the custom palette.

Or maybe I’m missing another way to do this beyond manually adding all the custom colors directly to the theme’s base theme.json file that is used for the build?

2

This is already supported via Tailwind CSS configuration — highly recommend reading the Tailwind docs for specifics

3

In tailwind version 4? This version has no configuration file.

4

Ahhh, nevermind. I missed the reset: --color-*: initial in my app.css file. All good.