Bug Report
Describe the bug
In the Add Task modal (light mode), the Priority dropdown menu appears with a black background, which looks inconsistent with the rest of the light-themed UI. The text is visible, but the dark background breaks the visual flow and feels out of place.
To Reproduce
- Go to the Tasks section.
- Click on Add Task to open the task creation modal.
- Click on the Priority dropdown.
- Observe that the dropdown options appear with a black/dark background instead of a light/white one.
Expected Behavior
In light mode, the Priority dropdown should have a light (white or light-gray) background with dark text so that it matches the rest of the UI and maintains consistent theming.
Screenshots
Environment
Desktop
- OS: Linux (Ubuntu / similar)
- Browser: Chrome
- Version: Latest
Mobile
Not tested
Additional Context
This only affects the Priority dropdown in the Add Task modal. Other dropdowns appear normal. The issue may be caused by default styling of a headless component (e.g., Radix, shadcn/ui) or a missing theme override for light mode.
Possible Solution (Optional)
Override the dropdown menu content style to use a light background:
Bug Report
Describe the bug
In the Add Task modal (light mode), the Priority dropdown menu appears with a black background, which looks inconsistent with the rest of the light-themed UI. The text is visible, but the dark background breaks the visual flow and feels out of place.
To Reproduce
Expected Behavior
In light mode, the Priority dropdown should have a light (white or light-gray) background with dark text so that it matches the rest of the UI and maintains consistent theming.
Screenshots
Environment
Desktop
Mobile
Not tested
Additional Context
This only affects the Priority dropdown in the Add Task modal. Other dropdowns appear normal. The issue may be caused by default styling of a headless component (e.g., Radix, shadcn/ui) or a missing theme override for light mode.
Possible Solution (Optional)
Override the dropdown menu content style to use a light background: