Closed ay13 closed 11 months ago
That's because the Material guidelines define the disabled state of the button as its on-color with 12% opacity for the background and 38% opacity for the text.
If you scroll to filled button or filled tonal button and click on the disabled specs on this page:
Since the on color for primary is white, it's barely noticeable over a light background, but I don't think I should fix it, that's on Google 😅. Here's how it looks over a dark background:
The Filled (https://m3.material.io/components/buttons/specs#cbfd91a6-d688-4be7-9a69-672549de3ea9) and Tonal (https://m3.material.io/components/buttons/specs#6ce8b926-87c4-4600-9bec-5deb4aaa65d8) list on-surface
as the disabled color.
Oops, you're definitely right. Thanks for the heads up.
I'll try to fix it it, but it could take some time, I maintain this project on my free time and that's on short supply at the moment.
faced the same problem and hope to see fix soon
I gave it a look and the fix was simple enough. Should be solved if you update to the lastest version (1.1.3).
Thanks for the feedback! Don't hesitate to open another issue if this doesn't fully work or you find anything else ✨
I edited the main example page at https://tailwind-material-colors-docs.vercel.app/ to generate the screenshots.
bg-primary
disabled