fix(a11y): contrast issues

mwmbl · Nov 18, 2024 · 9752567 · 9752567
1 parent 7afd045
commit 9752567
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/app.css b/src/app.css
@@ -27,7 +27,8 @@
 
 		--accent: 0 0% 96.1%;
 		--accent-foreground: 0 0% 9%;
-		--accent-text: 220 77% 59%;
+		/* --accent-text: 220 77% 59%; */
+		--accent-text: 220 77% 49%;
 
 		--destructive: 0 72.2% 50.6%;
 		--destructive-foreground: 0 0% 98%;

diff --git a/src/lib/components/custom/SearchResult.svelte b/src/lib/components/custom/SearchResult.svelte
@@ -29,7 +29,7 @@
 <a href={result.url} class="group max-w-full" target={options.openInNewTab ? '_blank' : '_self'}>
 	<Card.Root class="flex w-full flex-col gap-2 p-4">
 		<div
-			class="grid grid-cols-[2rem,1fr] items-center gap-2 font-medium leading-snug text-unemphasized-1 group-hover:underline"
+			class="grid grid-cols-[2rem,1fr] items-center gap-2 font-medium leading-snug text-unemphasized-2 group-hover:underline"
 		>
 			<div class="mr-3 min-h-8 min-w-8 rounded-xl bg-secondary p-2">
 				<img src={faviconUrl} alt="" class="h-4 w-4" />