diff --git a/.storkit/work/1_backlog/397_bug_selection_screen_directory_picker_unreadable_in_dark_mode.md b/.storkit/work/1_backlog/397_bug_selection_screen_directory_picker_unreadable_in_dark_mode.md new file mode 100644 index 00000000..d66608a2 --- /dev/null +++ b/.storkit/work/1_backlog/397_bug_selection_screen_directory_picker_unreadable_in_dark_mode.md @@ -0,0 +1,30 @@ +--- +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 storkit 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