style: use AI note colors for AI badges (#68)

benvinegar · web-flow · commit 3d81b0d75531 · 2026-03-22T22:51:45.000-04:00
diff --git a/src/ui/diff/renderRows.tsx b/src/ui/diff/renderRows.tsx
@@ -627,7 +627,7 @@ function renderHeaderRow(
         style={{ width: badgeWidth, height: 1 }}
         onMouseUp={() => onOpenAgentNotesAtHunk?.(row.hunkIndex)}
       >
-        <text fg={theme.accent}>{badgeText}</text>
+        <text fg={theme.noteTitleText} bg={theme.noteTitleBackground}>{` ${badgeText}`}</text>
       </box>
     </box>
   );

Original file line number	Diff line number	Diff line change
`@@ -627,7 +627,7 @@ function renderHeaderRow(`
`627`	`627`	`style={{ width: badgeWidth, height: 1 }}`
`628`	`628`	`onMouseUp={() => onOpenAgentNotesAtHunk?.(row.hunkIndex)}`
`629`	`629`	`>`
`630`		`- <text fg={theme.accent}>{badgeText}</text>`
	`630`	+ <text fg={theme.noteTitleText} bg={theme.noteTitleBackground}>{` ${badgeText}`}</text>
`631`	`631`	`</box>`
`632`	`632`	`</box>`
`633`	`633`	`);`