Skip to content

fix(ui): style Ask AI dropdown options for dark themes - #1658

Merged
backnotprop merged 5 commits into
backnotprop:mainfrom
Aayushyaash:fix/ask-ai-select-option-theme
Oct 1, 2026
Merged

backnotprop merged 5 commits into
backnotprop:mainfrom
Aayushyaash:fix/ask-ai-select-option-theme

Conversation

@Aayushyaash

Copy link
Copy Markdown
Contributor

Summary

Fixes unreadable Ask AI dropdown options in dark mode on Windows Chromium.

The native <select> dropdowns were showing a light background while using light text, resulting in poor contrast.

Changes

  • Styled the options in the provider, model, and reasoning effort dropdowns to use the theme background and foreground colors.
  • Added a DOM test covering the option styling.

Verification

  • Verified the fix live with:
    node bin/plannotator.js annotate tests/test-fixtures/05-real-world-plan.md
  • Tested in dark and light modes.
  • DOM test passes.

Screenshots

Before

Before

After

After

@backnotprop
backnotprop merged commit f911e2d into backnotprop:main Oct 1, 2026
24 checks passed
@Aayushyaash
Aayushyaash deleted the fix/ask-ai-select-option-theme branch October 2, 2026 14:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants