Comments (5)
@hawezo Looking forward for that. Thanks for your work!
from tailwindcss-theming.
PS: The Tailwindcss version is V1.20
from tailwindcss-theming.
Hi @szluyufeng, as you can see in the error, this is a Tailwind issue - not an issue with this plugin.
The reason it happens is because tailwindcss-theming
actually replaces your whole color palette, for theming reasons (that's the goal of the plugin). Because of that, you no longer have the color gray-600
, so the utility .text-gray-600
no longer exist.
So when you're trying to use Tailwind on your files, Tailwind will throw an error, which is perfectly expected.
In order to fix this error, you need to replace your existing color utilities with the new ones you'll set up with tailwindcss-theming
(see the documentation), and/or you can add back a gray-600
color within this plugin too. Your choice.
I hope my explaination is clear enough.
from tailwindcss-theming.
Thanks hawezo, very very clear.
Can we choose to extend the color in 'theme.config.js' , not just replace the default color.
from tailwindcss-theming.
Unfortunately not yet but this is something that I plan to do! See the other opened issue.
from tailwindcss-theming.
Related Issues (20)
- Fix strategy precedence when applied to `html` HOT 6
- Add custom variants HOT 1
- Object-based variant configuration HOT 1
- Add `useTheme` composable function HOT 1
- Add `dark` and `light` variants HOT 1
- Need a video how to use this :c HOT 3
- how can I avoid having all the default colours replaced? HOT 2
- how to use with custom utilities? such as for gradients HOT 1
- [Feature request] Tailwind 1.4.0 support - new color opacity utilities HOT 8
- Automatically define a variable's prefix
- Multi-word, kebab-cased font variables get camel-cased HOT 2
- Theme-based Tailwind variants HOT 10
- Create a theme at runtime HOT 6
- Allow to add object as variant HOT 1
- theme.config.js file not found HOT 5
- Compatibility with TailwindUI? HOT 2
- There is no license file that includes the copyright and permission notice HOT 2
- Tailwind 2 compatibility? HOT 6
- Variables created but classes not generated when using Astro. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tailwindcss-theming.