Update button styling on the homepage to improve visibility and accessibility

brylie · brylie · commit 065bfa0e5815 · 2025-03-09T13:34:13.000+02:00
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -43,7 +43,7 @@ const latestPosts = allPosts
       <div class="flex flex-wrap justify-center gap-4">
         <a
           href="/projects/"
-          class="px-6 py-3 bg-teal-600 hover:bg-teal-700 text-white font-medium rounded-lg transition-colors flex items-center gap-2"
+          class="px-6 py-3 bg-teal-300 hover:bg-teal-700 !text-gray-900 font-medium rounded-lg transition-colors flex items-center gap-2"
         >
           <Icon name="mdi:briefcase" class="w-5 h-5" />
           View Projects

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ const latestPosts = allPosts`
`43`	`43`	`<div class="flex flex-wrap justify-center gap-4">`
`44`	`44`	`<a`
`45`	`45`	`href="/projects/"`
`46`		`- class="px-6 py-3 bg-teal-600 hover:bg-teal-700 text-white font-medium rounded-lg transition-colors flex items-center gap-2"`
	`46`	`+ class="px-6 py-3 bg-teal-300 hover:bg-teal-700 !text-gray-900 font-medium rounded-lg transition-colors flex items-center gap-2"`
`47`	`47`	`>`
`48`	`48`	`<Icon name="mdi:briefcase" class="w-5 h-5" />`
`49`	`49`	`View Projects`