Add theme-aware borders to filter chips for better visibility

Copilot · patrickrb · Copilot · commit 502d5960dfcf · 2025-08-11T14:28:30.000Z
Co-authored-by: patrickrb &lt;6586559+patrickrb@users.noreply.github.com&gt;
diff --git a/src/app/filter-chips-demo/page.tsx b/src/app/filter-chips-demo/page.tsx
@@ -174,7 +174,7 @@ const FilterChips = ({ chips, onRemoveFilter }: {
         <Badge 
           key={chip.key} 
           variant="secondary" 
-          className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80 transition-colors"
+          className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80 transition-colors border border-border"
           onClick={() => onRemoveFilter(chip.key)}
         >
           <span className="text-xs">
diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
@@ -217,7 +217,7 @@ const FilterChips = ({ chips, onRemoveFilter }: {
         <Badge 
           key={chip.key} 
           variant="secondary" 
-          className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80"
+          className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80 border border-border"
           onClick={() => onRemoveFilter(chip.key)}
         >
           <span className="text-xs">

Original file line number	Diff line number	Diff line change
`@@ -174,7 +174,7 @@ const FilterChips = ({ chips, onRemoveFilter }: {`
`174`	`174`	`<Badge`
`175`	`175`	`key={chip.key}`
`176`	`176`	`variant="secondary"`
`177`		`- className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80 transition-colors"`
	`177`	`+ className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80 transition-colors border border-border"`
`178`	`178`	`onClick={() => onRemoveFilter(chip.key)}`
`179`	`179`	`>`
`180`	`180`	`<span className="text-xs">`
Original file line number	Diff line number	Diff line change
`@@ -217,7 +217,7 @@ const FilterChips = ({ chips, onRemoveFilter }: {`
`217`	`217`	`<Badge`
`218`	`218`	`key={chip.key}`
`219`	`219`	`variant="secondary"`
`220`		`- className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80"`
	`220`	`+ className="flex items-center gap-1 pr-1 cursor-pointer hover:bg-secondary/80 border border-border"`
`221`	`221`	`onClick={() => onRemoveFilter(chip.key)}`
`222`	`222`	`>`
`223`	`223`	`<span className="text-xs">`