Pricing Coloring

Author: MinaTofiles

Frontend/my-app/src/components/pricing/PricingItem.js

@@ -5,7 +5,7 @@ const PricingItem = ({ selected, text, price, description, setSelectedPricing, m
         return (
             <div role="listitem" class="bg-white dark:bg-gray-800 cursor-pointer shadow rounded-lg p-8 relative z-30 mt-5" onClick={() => setSelectedPricing(myIdx)}>
                 <div class="md:flex items-center justify-between">
-                    <h2 class="text-2xl font-semibold leading-6 text-blue-500 dark:text-white">{text}</h2>
+                    <h2 class="text-2xl font-semibold leading-6 text-blue-900 dark:text-white">{text}</h2>
                     <p class="text-2xl font-semibold md:mt-0 mt-4 leading-6 text-gray-800 dark:text-white">{price}<span class="font-normal text-base">/mo</span></p>
                 </div>
                 <p class="md:w-80 text-base leading-6 mt-4 text-gray-600 dark:text-gray-200">{description}</p>
@@ -17,7 +17,7 @@ const PricingItem = ({ selected, text, price, description, setSelectedPricing, m
                 <div class="w-2.5 h-auto bg-blue-500 rounded-tl-md rounded-bl-md"></div>
                 <div class="w-full p-8">
                     <div class="md:flex items-center justify-between">
-                        <h2 class="text-2xl font-semibold leading-6 text-blue-900 dark:text-white">{text}</h2>
+                        <h2 class="text-2xl font-semibold leading-6 text-blue-500 dark:text-white">{text}</h2>
                         <p class="text-2xl md:mt-0 mt-4 font-semibold leading-6 text-gray-800 dark:text-white">{price}<span class="font-normal text-base">/mo</span></p>
                     </div>
                     <p class="md:w-80 text-base leading-6 mt-4 text-gray-600 dark:text-gray-200">{description}</p>