Which component uses which colors? #412
Robert-M-Muench
started this conversation in
General
Replies: 1 comment 2 replies
-
Your question is too general to answer. The easiest way to see which color a specific component is using would be looking at the CSS code on dev tools. .btn-primary {
--tw-bg-opacity: 1;
background-color: hsla(var(--p) / var(--tw-bg-opacity,1));
--tw-border-opacity: 1;
border-color: hsla(var(--p) / var(--tw-border-opacity,1));
--tw-text-opacity: 1;
color: hsla(var(--pc) / var(--tw-text-opacity,1));
} You can see according to CSS variables Also, there's this theme builder made by @marshallswain |
Beta Was this translation helpful? Give feedback.
2 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I'm trying to get some CI into a theme.
However, I always have unwanted color side effects and I don't know which color each component uses by default. Is there a way to find that out? How about adding the default color to the docs?
Then, using colors explicitly doesn't have any effect on the component... wondering why this is the case.
It's pretty hard to get a theme adjusted/build-up where all the colors match. Is there a play.tailswind.css with a big page containing every component? So that I can see color change effects for all of them?
Beta Was this translation helpful? Give feedback.
All reactions