Input Style Filled is incompatible with dark mode #1581
Unanswered
CyleClone
asked this question in
PrimeNG Templates
Replies: 2 comments
-
Hi, Thanks for reporting the issue, we'll investigate and get back to you. |
Beta Was this translation helpful? Give feedback.
0 replies
-
Hi, We've reviewed your issue, could you please also share a short video recording that shows the bug in action? |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I'm using the Ultima design and have recently upgraded to PrimeNG 17 and Ultima 17.
I'm offering Light, as well as Dark mode. When switching the modes I'm also switching the input style, but also allowing the user to choose which one they prefer. In light mode it's "Outlined" in dark mode it's "Filled".
While the input style is set to "Outlined", checkboxes have a color to make them more noticable. In "Filled" those checkboxes become white with a grey checkmark, which is fine and all. Now we swap to dark mode and that checkbox is fully black.
now for the first part I did make an override, but overrides shouldn't be necessary. Unfortunately using a checkbox inside a list does not compile my custom styling.
when applying a floating label to a dropdown it adds a padding so there's more space. with the input style filled it also applies this padding to children elements. In this case when you have the filter active it also adds padding to that one
Filled:
Outlined:
Somewhat related discussion:
https://github.com/orgs/primefaces/discussions/1006
Beta Was this translation helpful? Give feedback.
All reactions