-
-
Notifications
You must be signed in to change notification settings - Fork 4.7k
Description
What version of Tailwind CSS are you using?
For example:
tailwindcss: v4.1.13
bun-plugin-tailwind: ^0.0.15
What build tool (or framework if it abstracts the build tool) are you using?
For example: bun-cli 1.2.22
What version of Node.js are you using?
For example: v22.17.1
What browser are you using?
For example: Chrome107.0.5304.63
What operating system are you using?
For example: Windows
Reproduction URL
https://github.com/Zzzz-Dz/bun-plugin-tailwind-issue
Describe your issue
I'm using bun-plugin-tailwind to leverage Bun's built-in file type resolution, which allows me to quickly serve and run HTML/JSX files and React applications. While the plugin generally works, I'm encountering selective styling issues with Tailwind classes:
- Font-related styles apply correctly
- bg-black and text-black work as expected
- However, other color utility classes like bg-red-500 (and similar color variations) fail to apply entirely
- No error messages appear in the console when running bun dev
This selective failure is preventing me from fully utilizing Tailwind's color system while working with Bun's full-stack development capabilities.
My primary goal is to use Bun's native file handling capabilities for rapid development of React applications with Tailwind CSS. The selective application of only certain color classes (specifically black working while other colors fail) suggests a potential issue with how color palettes are being processed or resolved by the plugin.
I've verified my Tailwind configuration includes the default color palette, and the problem persists across restarts of the development server and cache clearing.
attach picture:
