-
Notifications
You must be signed in to change notification settings - Fork 218
Hover Preview & Autocomplete Reading from Default Config (Not Working On Custom Theme Values & Utilities) #1141
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Comments
Here is a screenshot of the preview in a Hero Alternatively, here is a screenshot of the preview a '.css' file over the same 📝 Additionally, in |
📝 I should've checked earlier - just confirmed that the same behavior happens with the autocomplete values as well. In my |
📝 Lastly, I should also note that I've updated to not using a Tailwind config file, and instead am defining my theme variables within my CSS (not sure if that is supposed to be fully supported yet or not - it seems to be working as expected within my |
⭐ Hope someone else finds this useful: my issue seemed to be the same issue reported earlier in this issue (I needed to add |
What version of VS Code are you using?
v1.96.4
What version of Tailwind CSS IntelliSense are you using?
v0.14.1
What version of Tailwind CSS are you using?
v4.0.0
What package manager are you using?
npm
What operating system are you using?
macOS
Root stylesheet (globals.css)
Prettier Config (prettier.config.mjs)
Describe your issue
My hover previews are working beautifully in
.css
files, but in my.tsx
files (Nextjs v15.1.6), the hover previews seem to only work on basic classes and are displaying values from the root theme even where I have overridden theme.📝 I double-checked removing the two uses
@import
after reading this issue, but unfortunately the issue still seemed to be there and wasn't related to the imports in my CSS file (which checks out, as the extension seems to be working fine overall - it's just not calculating the hover previews the same way in my.tsx
files as it is in my.css
files. Additionally, I already tried updating my Tailwind import to@import 'tailwindcss' source('../../src');
in case the extension needed thesource()
value to apply the theme to the.tsx
files, but also no luck there.The text was updated successfully, but these errors were encountered: