tie contribute cards to theme colors

Author: outofambit

src/components/GridItem/ContributorDoc.astro

@@ -13,7 +13,9 @@ const { item } = Astro.props;
   class="group hover:no-underline"
   href={`/contribute/${removeLocaleAndExtension(item.slug)}`}
 >
-  <div class="grid place-content-center mt-xs bg-bg-blue aspect-photo p-4 mb-2">
+  <div
+    class="grid place-content-center mt-xs bg-accent-color text-accent-type-color aspect-photo p-4 mb-2"
+  >
     <span
       class="text-lg text-center align-middle line-clamp-3 text-pretty group-hover:underline"
     >

src/layouts/ContributeLayout.astro

@@ -86,7 +86,7 @@ setJumpToState({
         donateSectionItems.map((it) => (
           <li>
             <a href={it.url}>
-              <div class="grid place-content-center mt-xs bg-bg-blue aspect-photo p-4 mb-2">
+              <div class="grid place-content-center mt-xs bg-accent-color text-accent-type-color aspect-photo p-4 mb-2">
                 <span class="text-lg text-center align-middle line-clamp-3 text-pretty">
                   {it.title}
                 </span>