feat(vue-demo): change contrast (#1497)

* feat: accessibility changes

* feat(vue-demo): change contrast

---------

Co-authored-by: Maciek Kucmus <maciejkucmus@gmail.com>

.changeset/curvy-wombats-float.md

@@ -0,0 +1,5 @@
+---
+"vue-demo-store": patch
+---
+
+Fix contrast ratio for cart and orders pages

templates/vue-demo-store/components/account/AccountOrderDetails.vue

@@ -99,7 +99,7 @@ const handleReorder = async () => {
     v-if="paymentChangeable && statusTechnicalName === 'open'"
     class="px-2 py-4"
   >
-    <h3 class="mb-5 text-secondary-400 text-base">
+    <h3 class="mb-5 text-secondary-600 text-base">
       {{ $t("account.order.paymentMethod") }}
     </h3>
     <ul class="pl-2">
@@ -142,7 +142,7 @@ const handleReorder = async () => {
   </div>
   <div v-if="lineItems.length" class="px-2 py-4">
     <div
-      class="hidden sm:grid grid-cols-5 gap-y-10 gap-x-6 pb-4 text-secondary-400"
+      class="hidden sm:grid grid-cols-5 gap-y-10 gap-x-6 pb-4 text-secondary-600"
     >
       <div class="col-span-2">{{ $t("account.order.product") }}</div>
       <div>{{ $t("account.order.quantity") }}</div>

templates/vue-demo-store/components/checkout/CheckoutPromotionCode.vue

@@ -39,7 +39,7 @@ const promoCode = ref("");
           class="border rounded-md py-2 px-4 border-solid border-1 border-cyan-600 w-full"
         />
         <button
-          class="text-white bg-primary-500 hover:bg-primary-600 justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md"
+          class="text-white bg-primary-600 hover:bg-primary-600 justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md"
           @click="addPromotionCodeHandler(promoCode)"
         >
           Add