docs: color transitions

Author: logaretm

docs/src/components/StarCount.vue

@@ -3,7 +3,7 @@
     href="https://github.com/logaretm/vee-validate/stargazers"
     target="_blank"
     rel="noopener"
-    class="flex items-center text-xs font-bold font-body border-2 text-zinc-400 border-zinc-400 rounded-full px-3 py-1.5 hover:border-emerald-500 hover:text-emerald-500 select-none"
+    class="flex items-center text-xs font-bold font-body border-2 text-zinc-400 border-zinc-400 rounded-full px-3 py-1.5 hover:border-emerald-500 hover:text-emerald-500 select-none transition-colors duration-300"
   >
     <Icon name="star" class="w-4 h-4 mr-1" />
     {{ format(count) }}

docs/src/pages/index.astro

@@ -49,7 +49,7 @@ const highlights = [
 
       <div class="mt-8 flex items-center gap-4">
         <a
-          class="flex items-center bg-gradient-to-br from-emerald-500 to-emerald-700 hover:from-emerald-600 hover:to-emerald-800 py-3 px-6 text-white rounded-lg text-center focus:outline-none focus:ring focus:ring-emerald-500 text-sm md:text-base font-medium font-display select-none whitespace-nowrap"
+          class="flex items-center bg-gradient-to-br from-emerald-500 to-emerald-700 hover:from-emerald-600 hover:to-emerald-800 py-3 px-6 text-white rounded-lg text-center focus:outline-none focus:ring focus:ring-emerald-500 text-sm md:text-base font-medium font-display select-none whitespace-nowrap transition-colors duration-200"
           href="/v4/guide/overview/"
         >
           Get Started
@@ -58,7 +58,7 @@ const highlights = [
         </a>
 
         <a
-          class="bg-gray-200 hover:bg-gray-300 dark:bg-zinc-700 dark:hover:bg-zinc-800 py-3 px-6 rounded-lg text-center focus:outline-none whitespace-nowrap focus:ring focus:ring-emerald-500 font-medium font-display select-none text-sm md:text-base"
+          class="bg-gray-200 hover:bg-gray-300 dark:bg-zinc-700 dark:hover:bg-zinc-800 py-3 px-6 rounded-lg text-center focus:outline-none whitespace-nowrap focus:ring focus:ring-emerald-500 font-medium font-display select-none text-sm md:text-base transition-colors duration-200"
           href="/v4/examples/checkboxes-and-radio/"
         >
           Live Examples