opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-24 15:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(site/src/pages/AgentsPage): improve git panel color contrast (#28038)

Browse Source 
## 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.
This commit is contained in:
TJ
2026-08-11 14:04:15 -07:00
committed by GitHub
parent f7f840ac69
commit 5fab238ed1
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/AgentsPage/components/DiffViewer/RemoteDiffPanel.tsx
+1 -1
View File
@@ -153,7 +153,7 @@ export const RemoteDiffPanel: FC<RemoteDiffPanelProps> = ({
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
<ExternalLinkIcon className="size-3" />
site/src/pages/AgentsPage/components/GitPanel/GitPanel.tsx
+2 -2
View File
@@ -297,7 +297,7 @@ export const GitPanel: FC<GitPanelProps> = ({
triggerIdentifier: repoLabel(repoRoot),
itemPrimary: "Working",
itemSecondary: repoLabel(repoRoot),
stateClasses: "text-content-warning",
stateClasses: "text-content-secondary",
icon: <CircleDotIcon className="!size-3.5 shrink-0 text-content-warning" />,
}));
@@ -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"
>
<CheckIcon className="size-3" />
Commit