fix: address colour contrast with exact badge

danielroe · danielroe · commit 82bff21d09ad · 2026-01-27T20:07:12.000Z
diff --git a/app/components/PackageCard.vue b/app/components/PackageCard.vue
@@ -56,7 +56,7 @@ const emit = defineEmits<{
         >
         <span
           v-if="isExactMatch"
-          class="text-xs px-1.5 py-0.5 ml-2 rounded bg-accent/20 border border-accent/30 text-accent"
+          class="text-xs px-1.5 py-0.5 ml-2 rounded bg-bg-elevated border border-border-hover text-fg"
           >{{ $t('search.exact_match') }}</span
         >
       </component>

Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@ const emit = defineEmits<{`
`56`	`56`	`>`
`57`	`57`	`<span`
`58`	`58`	`v-if="isExactMatch"`
`59`		`- class="text-xs px-1.5 py-0.5 ml-2 rounded bg-accent/20 border border-accent/30 text-accent"`
	`59`	`+ class="text-xs px-1.5 py-0.5 ml-2 rounded bg-bg-elevated border border-border-hover text-fg"`
`60`	`60`	`>{{ $t('search.exact_match') }}</span`
`61`	`61`	`>`
`62`	`62`	`</component>`