# JIT Tailwind 4 - Optimizing

**URL:** <https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584>\
**Category:** Styling (CSS)\
**Created:** [May 10, 2026, 3:28pm UTC](https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584 "2026-05-10T15:28:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MovingUtah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/movingutah/32/7136_2.png) [@MovingUtah](https://forum.pinegrow.com/u/MovingUtah)\
**Post date:** [May 10, 2026, 3:28pm UTC](https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584/1 "2026-05-10T15:28:14Z")

</div>

I am building a static site that is going to be large 50+ pages. Using plain Taillwind 4 and designing with AI tools inside Pinegrow and external.

If I go into the design panel and delete a color such as “Red,” when I save, the tailwind\_theme/tailwind.css doesn’t appear to update. My anticipated behavior was for it to remove the “Red” color classes from the tailwind.css.

I’m wanting to delete all the standard classes and just load in my colors and shades, to optimize the front-end CSS.

Does the JIT not update accordingly? I notice it adds classes without issue… but when I remove classes that were created from Piny/AI, it doesn’t seem to clear the classes?

I would love someone’s help on optimizing.

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [May 11, 2026, 4:55am UTC](https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584/2 "2026-05-11T04:55:52Z")

</div>

Hello,

You should try “Refresh used classes” to re-scan the project for Tailwind classes.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/0b2dacbae8a0f1cd2c63e799e7aee38bee598c34.jpeg)

---

<div class="post-metadata">

**Author:** ![MovingUtah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/movingutah/32/7136_2.png) [@MovingUtah](https://forum.pinegrow.com/u/MovingUtah)\
**Post date:** [May 11, 2026, 2:07pm UTC](https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584/4 "2026-05-11T14:07:23Z")

</div>

Deleted my response before this, didn’t realize a page needed to be opened. So I did that, I opened every page, did the Tailwind CSS \> Refresh used classes. When I open tailwind\_theme \> tailwind.css, it still shows that large block of default tailwind colors. I verified all pages in the project have the Design Panel enabled using JIT and all pages show my 7 colors and shades and no default colors (deleted).

 ![color-system](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/ed967e1fbfc73efe7384649bf0d06b52f3952cc6.png)

---

<div class="post-metadata">

**Author:** ![PeteSharp](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/petesharp/32/7134_2.png) [@PeteSharp](https://forum.pinegrow.com/u/PeteSharp)\
**Post date:** [May 11, 2026, 9:13pm UTC](https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584/5 "2026-05-11T21:13:17Z")

</div>

Oh nice, thanks @Emmanuel I hadn’t noticed that option.
