From 5fab238ed1817c00b00bc3a68e15d3af531f1771 Mon Sep 17 00:00:00 2001 From: TJ Date: Tue, 11 Aug 2026 14:04:15 -0700 Subject: [PATCH] fix(site/src/pages/AgentsPage): improve git panel color contrast (#28038) ## Summary Follow-up to #27012 addressing color contrast in the git panel: - The orange (`text-content-warning`) **Working** label failed color contrast. The label in the view switcher trigger and dropdown now uses `text-content-secondary`. The `CircleDotIcon` keeps its original `text-content-warning` color as a state indicator. - The **Commit** and **View PR** buttons now use `text-content-primary` for their text and icons instead of `text-content-secondary`. The now-redundant `hover:text-content-primary` was dropped. No behavior changes; class-only updates in `GitPanel.tsx` and `RemoteDiffPanel.tsx`. ## Testing - `biome check` and `tsc --noEmit` pass on the touched files. - Verified visually via Storybook screenshots of the GitPanel stories. --- > Generated by Coder Agents on behalf of @tracyjohnsonux. --- .../AgentsPage/components/DiffViewer/RemoteDiffPanel.tsx | 2 +- site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/site/src/pages/AgentsPage/components/DiffViewer/RemoteDiffPanel.tsx b/site/src/pages/AgentsPage/components/DiffViewer/RemoteDiffPanel.tsx index d8f8218101..1555aa5fc3 100644 --- a/site/src/pages/AgentsPage/components/DiffViewer/RemoteDiffPanel.tsx +++ b/site/src/pages/AgentsPage/components/DiffViewer/RemoteDiffPanel.tsx @@ -153,7 +153,7 @@ export const RemoteDiffPanel: FC = ({ href={pullRequestUrl} target="_blank" rel="noreferrer" - className="inline-flex items-center gap-1 rounded-sm border border-solid border-border-default px-2 text-[13px] font-medium leading-5 text-content-secondary no-underline transition-colors hover:bg-surface-secondary hover:text-content-primary" + className="inline-flex items-center gap-1 rounded-sm border border-solid border-border-default px-2 text-[13px] font-medium leading-5 text-content-primary no-underline transition-colors hover:bg-surface-secondary" > View PR diff --git a/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx b/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx index 4fc4c3fcef..c53c46eed6 100644 --- a/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx +++ b/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx @@ -297,7 +297,7 @@ export const GitPanel: FC = ({ triggerIdentifier: repoLabel(repoRoot), itemPrimary: "Working", itemSecondary: repoLabel(repoRoot), - stateClasses: "text-content-warning", + stateClasses: "text-content-secondary", icon: , })); @@ -702,7 +702,7 @@ const RepoHeader: FC<{ type="button" onClick={onCommit} disabled={!repo.unified_diff} - className="inline-flex cursor-pointer items-center gap-1 rounded-sm border border-solid border-border-default bg-transparent px-2 text-[13px] font-medium leading-5 text-content-secondary no-underline transition-colors hover:bg-surface-secondary hover:text-content-primary disabled:pointer-events-none disabled:opacity-50" + className="inline-flex cursor-pointer items-center gap-1 rounded-sm border border-solid border-border-default bg-transparent px-2 text-[13px] font-medium leading-5 text-content-primary no-underline transition-colors hover:bg-surface-secondary disabled:pointer-events-none disabled:opacity-50" > Commit