Skip to content

Commit f9f6c21

Browse files
RealZSTclaude
RealZST
and
claude
committed
style(extensions): retune agent filter colors off semantic status hues
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>
1 parent be259a9 commit f9f6c21

2 files changed

Lines changed: 38 additions & 38 deletions

File tree

‎src/components/extensions/extension-filters.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -33,15 +33,15 @@ const kinds: (ExtensionKind | null)[] = [
3333
];
3434
/** Per-agent background + text colors for the active filter state. */
3535
const AGENT_FILTER_COLORS: Record<string, string> = {
36-
claude: "bg-agent-claude/15 text-agent-claude border-agent-claude/30",
37-
codex: "bg-agent-codex/15 text-agent-codex border-agent-codex/30",
38-
gemini: "bg-agent-gemini/15 text-agent-gemini border-agent-gemini/30",
39-
cursor: "bg-agent-cursor/15 text-agent-cursor border-agent-cursor/30",
36+
claude: "bg-agent-claude/10 text-agent-claude border-agent-claude/30",
37+
codex: "bg-agent-codex/10 text-agent-codex border-agent-codex/30",
38+
gemini: "bg-agent-gemini/10 text-agent-gemini border-agent-gemini/30",
39+
cursor: "bg-agent-cursor/10 text-agent-cursor border-agent-cursor/30",
4040
antigravity:
41-
"bg-agent-antigravity/15 text-agent-antigravity border-agent-antigravity/30",
42-
copilot: "bg-agent-copilot/15 text-agent-copilot border-agent-copilot/30",
43-
windsurf: "bg-agent-windsurf/15 text-agent-windsurf border-agent-windsurf/30",
44-
opencode: "bg-agent-opencode/15 text-agent-opencode border-agent-opencode/30",
41+
"bg-agent-antigravity/10 text-agent-antigravity border-agent-antigravity/30",
42+
copilot: "bg-agent-copilot/10 text-agent-copilot border-agent-copilot/30",
43+
windsurf: "bg-agent-windsurf/10 text-agent-windsurf border-agent-windsurf/30",
44+
opencode: "bg-agent-opencode/10 text-agent-opencode border-agent-opencode/30",
4545
};
4646

4747
export function ExtensionFilters() {

‎src/index.css‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -88,13 +88,13 @@
8888
--paper-config: oklch(0.93 0.005 260 / 0.9);
8989
--tag-global: oklch(0.5144 0.1605 267.44);
9090
--tag-project: oklch(0.48 0.08 175);
91-
--agent-claude: oklch(0.62 0.14 25);
92-
--agent-codex: oklch(0.55 0.01 250);
91+
--agent-claude: oklch(0.6 0.12 60);
92+
--agent-codex: oklch(0.55 0.12 275);
9393
--agent-gemini: oklch(0.58 0.16 260);
94-
--agent-cursor: oklch(0.55 0 0);
94+
--agent-cursor: oklch(0.45 0.013 95);
9595
--agent-antigravity: oklch(0.58 0.12 250);
96-
--agent-copilot: oklch(0.52 0.14 290);
97-
--agent-windsurf: oklch(0.68 0.16 225);
96+
--agent-copilot: oklch(0.55 0.13 296);
97+
--agent-windsurf: oklch(0.68 0.1 225);
9898
--agent-opencode: oklch(0.52 0.07 250);
9999
--toast-success-bg: oklch(0.94 0.06 155);
100100
--toast-success-border: oklch(0.72 0.16 155);
@@ -190,13 +190,13 @@
190190
--paper-config: oklch(0.27 0 0 / 0.82);
191191
--tag-global: oklch(0.72 0.12 267.44);
192192
--tag-project: oklch(0.68 0.07 175);
193-
--agent-claude: oklch(0.72 0.12 25);
194-
--agent-codex: oklch(0.72 0.01 250);
193+
--agent-claude: oklch(0.72 0.08 60);
194+
--agent-codex: oklch(0.72 0.11 275);
195195
--agent-gemini: oklch(0.72 0.14 260);
196-
--agent-cursor: oklch(0.72 0 0);
196+
--agent-cursor: oklch(0.85 0.02 95);
197197
--agent-antigravity: oklch(0.72 0.1 250);
198-
--agent-copilot: oklch(0.72 0.12 290);
199-
--agent-windsurf: oklch(0.8 0.13 225);
198+
--agent-copilot: oklch(0.75 0.13 296);
199+
--agent-windsurf: oklch(0.8 0.1 225);
200200
--agent-opencode: oklch(0.76 0.06 250);
201201
--toast-success-bg: oklch(0.23 0.04 155);
202202
--toast-success-border: oklch(0.55 0.14 155);
@@ -286,13 +286,13 @@
286286
--kind-cli: oklch(0.58 0.14 45);
287287
--tag-global: oklch(0.53 0.12 55);
288288
--tag-project: oklch(0.52 0.11 155);
289-
--agent-claude: oklch(0.62 0.14 25);
290-
--agent-codex: oklch(0.55 0.01 250);
289+
--agent-claude: oklch(0.6 0.12 60);
290+
--agent-codex: oklch(0.55 0.12 275);
291291
--agent-gemini: oklch(0.58 0.16 260);
292-
--agent-cursor: oklch(0.55 0 0);
292+
--agent-cursor: oklch(0.45 0.013 95);
293293
--agent-antigravity: oklch(0.58 0.12 250);
294-
--agent-copilot: oklch(0.52 0.14 290);
295-
--agent-windsurf: oklch(0.68 0.16 225);
294+
--agent-copilot: oklch(0.55 0.13 296);
295+
--agent-windsurf: oklch(0.68 0.1 225);
296296
--agent-opencode: oklch(0.52 0.07 250);
297297
--toast-success-bg: oklch(0.94 0.06 155);
298298
--toast-success-border: oklch(0.65 0.15 155);
@@ -376,13 +376,13 @@
376376
--kind-cli: oklch(0.65 0.14 45);
377377
--tag-global: oklch(0.72 0.11 55);
378378
--tag-project: oklch(0.72 0.1 155);
379-
--agent-claude: oklch(0.72 0.12 25);
380-
--agent-codex: oklch(0.72 0.01 250);
379+
--agent-claude: oklch(0.72 0.08 60);
380+
--agent-codex: oklch(0.72 0.11 275);
381381
--agent-gemini: oklch(0.72 0.14 260);
382-
--agent-cursor: oklch(0.72 0 0);
382+
--agent-cursor: oklch(0.85 0.02 95);
383383
--agent-antigravity: oklch(0.72 0.1 250);
384-
--agent-copilot: oklch(0.72 0.12 290);
385-
--agent-windsurf: oklch(0.8 0.13 225);
384+
--agent-copilot: oklch(0.75 0.13 296);
385+
--agent-windsurf: oklch(0.8 0.1 225);
386386
--agent-opencode: oklch(0.76 0.06 250);
387387
--toast-success-bg: oklch(0.26 0.04 155);
388388
--toast-success-border: oklch(0.55 0.14 155);
@@ -478,13 +478,13 @@
478478
--kind-cli: oklch(0.58 0.14 45);
479479
--tag-global: oklch(0.5144 0.1605 267.44);
480480
--tag-project: oklch(0.48 0.08 175);
481-
--agent-claude: oklch(0.62 0.14 25);
482-
--agent-codex: oklch(0.55 0.01 250);
481+
--agent-claude: oklch(0.6 0.12 60);
482+
--agent-codex: oklch(0.55 0.12 275);
483483
--agent-gemini: oklch(0.58 0.16 260);
484-
--agent-cursor: oklch(0.55 0 0);
484+
--agent-cursor: oklch(0.45 0.013 95);
485485
--agent-antigravity: oklch(0.58 0.12 250);
486-
--agent-copilot: oklch(0.52 0.14 290);
487-
--agent-windsurf: oklch(0.68 0.16 225);
486+
--agent-copilot: oklch(0.55 0.13 296);
487+
--agent-windsurf: oklch(0.68 0.1 225);
488488
--agent-opencode: oklch(0.52 0.07 250);
489489
--toast-success-bg: oklch(0.94 0.06 155);
490490
--toast-success-border: oklch(0.72 0.16 155);
@@ -574,13 +574,13 @@
574574
--kind-cli: oklch(0.65 0.14 45);
575575
--tag-global: oklch(0.72 0.12 267.44);
576576
--tag-project: oklch(0.68 0.07 175);
577-
--agent-claude: oklch(0.72 0.12 25);
578-
--agent-codex: oklch(0.72 0.01 250);
577+
--agent-claude: oklch(0.72 0.08 60);
578+
--agent-codex: oklch(0.72 0.11 275);
579579
--agent-gemini: oklch(0.72 0.14 260);
580-
--agent-cursor: oklch(0.72 0 0);
580+
--agent-cursor: oklch(0.85 0.02 95);
581581
--agent-antigravity: oklch(0.72 0.1 250);
582-
--agent-copilot: oklch(0.72 0.12 290);
583-
--agent-windsurf: oklch(0.8 0.13 225);
582+
--agent-copilot: oklch(0.75 0.13 296);
583+
--agent-windsurf: oklch(0.8 0.1 225);
584584
--agent-opencode: oklch(0.76 0.06 250);
585585
--toast-success-bg: oklch(0.23 0.04 155);
586586
--toast-success-border: oklch(0.55 0.14 155);

0 commit comments

Comments
 (0)