From 53e90980a1ed9f3702f2677fed77bed67c65f682 Mon Sep 17 00:00:00 2001 From: Tracy Johnson Date: Tue, 11 Aug 2026 20:35:42 +0000 Subject: [PATCH 1/2] fix(site/src/pages/AgentsPage): improve git panel color contrast The orange Working state in the git panel view switcher failed color contrast, so the Working icon and label now use content-secondary. The Commit and View PR buttons move from content-secondary to content-primary for their text and icons. Co-authored-by: Coder Agent --- .../AgentsPage/components/DiffViewer/RemoteDiffPanel.tsx | 2 +- .../src/pages/AgentsPage/components/GitPanel/GitPanel.tsx | 8 +++++--- 2 files changed, 6 insertions(+), 4 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..3588dbcc94 100644 --- a/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx +++ b/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx @@ -297,8 +297,10 @@ export const GitPanel: FC = ({ triggerIdentifier: repoLabel(repoRoot), itemPrimary: "Working", itemSecondary: repoLabel(repoRoot), - stateClasses: "text-content-warning", - icon: , + stateClasses: "text-content-secondary", + icon: ( + + ), })); const items: ViewItem[] = [ @@ -702,7 +704,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 From 18cdabeba7454befc5cb64b0beb17acb1f6c6f01 Mon Sep 17 00:00:00 2001 From: Tracy Johnson Date: Tue, 11 Aug 2026 20:43:10 +0000 Subject: [PATCH 2/2] fix(site/src/pages/AgentsPage): keep working icon orange in git panel The Working label stays content-secondary for contrast, but the CircleDot icon keeps its original content-warning color as a state indicator. --- site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx b/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx index 3588dbcc94..c53c46eed6 100644 --- a/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx +++ b/site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx @@ -298,9 +298,7 @@ export const GitPanel: FC = ({ itemPrimary: "Working", itemSecondary: repoLabel(repoRoot), stateClasses: "text-content-secondary", - icon: ( - - ), + icon: , })); const items: ViewItem[] = [