Dropdown theme mismatch in Dark Mode (light background visible) #17
Description
Description
When the application is used in Dark Mode, the dropdown menu for selecting the work role appears with a light background, which does not match the overall dark theme of the interface.
This creates a visual inconsistency and affects the user experience.
Steps to see the issue
- Enable or use the application in Dark Mode.
- Navigate to the Profile Settings.
- Under Profile-->Work Details section.
- On Work Role side , click on -- Select your work role --
Expected Behavior
The dropdown menu should follow the dark theme styling, matching the background and UI elements of the application.
Actual Behavior
The dropdown menu appears with a light background, making it inconsistent with the dark mode UI.
Screenshot
Possible Cause
The dropdown component may not be inheriting the dark theme styles or missing the dark mode CSS variables/classes.
Environment
- Browser: Chrome and Edge
- OS: Windows 11