Fix Select Dropdown Text Visibility in Dark Theme #651
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
This PR fixes an issue where dropdown options were not visible in the dark theme due to browser default styling causing low-contrast (white-on-white) text. What Was Fixed ✅ Explicitly styled text color for dark backgrounds
✅ Added styling for elements to ensure readable dropdown text
✅ Fixed placeholder/empty option color for better UX
✅ Ensured consistent appearance across Chrome, Edge, and Firefox
✅ Improved accessibility by increasing contrast in dropdown menus
Before
Dropdown options appeared invisible or extremely low contrast
Users could not read filter and form select values
Poor usability in dark/glass UI theme
After
Dropdown options have proper dark background and light text
All select inputs are clearly readable
Placeholder options are visually distinct
Files Changed
dashboard.css (or global styles file)
This PR #651 closes issue #641