Some UI elements are unreadable with Edge when RepeaterUI's dark theme is enabled, such as dropdowns.
They should be marked with "color-scheme:dark" (and not specify a background color).
The Tailwind class for that would be dark:[color-scheme:dark]. I also had to remove the white background color coming from the .dark\:bg-white\/10:is(.dark *) selector.
Before:
After:
Similar issue with password fields, just turns bright white without color-scheme:dark. I think this will happen to all autofilled input fields without the color scheme being declared.
Before:
After:
Some UI elements are unreadable with Edge when RepeaterUI's dark theme is enabled, such as dropdowns.
They should be marked with "color-scheme:dark" (and not specify a background color).
The Tailwind class for that would be
dark:[color-scheme:dark]. I also had to remove the white background color coming from the.dark\:bg-white\/10:is(.dark *)selector.Before:
After:
Similar issue with password fields, just turns bright white without
color-scheme:dark. I think this will happen to all autofilled input fields without the color scheme being declared.Before:
After: