Skip to content

style(extensions): replace agent filter select with icon+label dropdown#67

Closed
Orchardxyz wants to merge 1 commit into
RealZST:mainfrom
Orchardxyz:style/agent-filter-dropdown
Closed

style(extensions): replace agent filter select with icon+label dropdown#67
Orchardxyz wants to merge 1 commit into
RealZST:mainfrom
Orchardxyz:style/agent-filter-dropdown

Conversation

@Orchardxyz
Copy link
Copy Markdown
Contributor

Summary

  • Replace native <select> for agent filter with a custom icon+label dropdown
  • Remove AGENT_FILTER_COLORS (colored backgrounds looked like error/disabled states)
  • Agent theme colors now only affect the filter button border when active

Before

image

After

image

@RealZST
Copy link
Copy Markdown
Owner

RealZST commented May 29, 2026

Thanks for the suggestion! You are right that the colored fills "looked like error/disabled states": Claude's red read as an error, and Cursor/Codex as disabled.

I fixed this in #72 by retuning the colors instead of removing them:

  • Claude: red → orange (more like its real brand color), off our error-red
  • Codex: gray → indigo (borrowed from its icon)
  • Cursor: brand is monochrome, so we kept it neutral but darkened the text so it no longer reads as disabled

Please see the preview in #72

I didn't take the dropdown change itself, though: it makes the filter a non-native control, and I'd rather keep it a native <select> like every other filter in the app for consistency.

Thanks again for catching this!

@RealZST RealZST closed this May 29, 2026
RealZST added a commit that referenced this pull request May 29, 2026
#72)

Shift each agent's brand color away from error-red / disabled-gray so the
active filter no longer reads as an error or disabled control:
- claude: red (hue 25 ~= error red) -> orange (hue 60), matching the real brand
- codex: neutral gray -> indigo borrowed from its icon
- cursor: flat gray -> warm charcoal (light) / off-white (dark), per its brand
- copilot: arbitrary purple -> official GitHub Copilot violet (hue 296)
- windsurf: lower chroma (less fluorescent)
- soften active fill from /15 to /10

Addresses the concern in #67 by @Orchardxyz (colored fills reading as
error/disabled), keeping the native <select> for consistency with the
app's other filters.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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