Comments (3)
Doing this will be harder to maintain due to having declarations in both tailwind.config.js
and the globals.css
file. It also has the a minor inconvenience that the tailwind autocomplete doesn't show the color swatch when selecting. Some shameless plug here but this plugin to create colors solves both of the issues. tailwind-easy-theme
But l also would prefer using semantic colors.
from ui.
It's nice idea!
[FYI]
This library also automatically realize dark mode and may be more suited to Radix UI and Tailwind.
https://github.com/brattonross/windy-radix-palette
from ui.
For me, this approach leads to a worse tailwind experience, since it's not always clear which two colors are meant by bg-primary-200
. Another problem I sometimes run into is that I might want my border colors to be a little different from my background colors.
from ui.
Related Issues (20)
- [bug]: Tutorial missing steps
- [bug]: Calendar focus foreground color wrong when project setup
- Bug : Incorrect Hover Color for ContextMenuContent
- Can't click after a route push or route replace when an onboarding action in a dialog HOT 1
- [bug]: Carousel refreshes a page when it's inside a form HOT 1
- [feat]: Add ranges to Slider component
- [bug]: Error while switching to V0 in Lift Mode HOT 1
- [feat]: Onboarding component HOT 1
- [bug] — TypeError: Cannot redefine property: File
- [bug]: OTP Input DIGITS_AND_CHARS HOT 2
- [bug]: Drawer ScrollArea frezzes swiping on ios
- [bug]: Documentation playground example application error
- [bug]: TableCell onClick is triggered when a child CommandItem is clicked
- [bug]: dropdown menu with background invisible HOT 1
- [feat]: react-native support
- [bug]: Scroll events don't work on a Popover component opened inside a Dialog component HOT 1
- [bug]: Error in examples/forms/account when clicked on Languages Trigger button HOT 5
- [feat]: Make table header sticky or allow scrollarea to contain tablebody
- [bug]: WEBPACK_IMPORTED_MODULE_9__.buttonVariants is not a function HOT 1
- [bug]: Alert Dialog behaves differently on certain devices, despite the same code. 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 ui.