---
name: "Selection screen directory picker unreadable in dark mode"
---

# Bug 397: Selection screen directory picker unreadable in dark mode

## Description

The ProjectPathInput component in the selection screen uses hardcoded light-theme inline styles (white backgrounds, dark borders, dark text highlights) that don't adapt to dark mode. When the browser/OS uses dark mode, the global CSS sets text color to #f6f6f6 (white) but the dropdown keeps background: #fff — resulting in white text on a white background, making the directory picker completely unreadable.

## How to Reproduce

1. Run huskies under Docker (or locally) with a browser set to dark mode (prefers-color-scheme: dark).
2. Open http://localhost:3001 in the browser.
3. Click into the project path input and start typing a path to trigger the autocomplete dropdown.

## Actual Result

The suggestion dropdown has white background with white/light text inherited from the dark-mode global styles. Match highlights use color: #222 which is barely visible. The close button and header bar also use light-only colors. The entire directory picker is effectively unreadable.

## Expected Result

The directory picker dropdown should be readable in both light and dark mode. Colors for background, text, borders, and highlights should adapt to the active color scheme.

## Acceptance Criteria

- [ ] ProjectPathInput dropdown is readable in dark mode (prefers-color-scheme: dark)
- [ ] ProjectPathInput dropdown remains readable in light mode
- [ ] Suggestion highlight text is visible against the dropdown background in both themes
- [ ] No hardcoded light-only colors remain in ProjectPathInput inline styles
