changes

app/components/orders/OrderProductTab.vue

@@ -12,7 +12,7 @@ const { $numtoString } = useNuxtApp();
       <div
         v-for="product in order.order__products"
         :key="product.id"
-        class="p-3 has-background-grey-95 rounded-md"
+        class="p-3 has-background-white-ter rounded-md"
       >
         <div class="fs-15 is-flex is-justify-content-space-between">
           <p class="">{{ product.name }}</p>
@@ -20,7 +20,7 @@ const { $numtoString } = useNuxtApp();
             {{ $numtoString(product.total, { hasUnit: true }) }}
           </p>
         </div>
-        <div class="is-flex is-gap-8 fs-13 has-text-grey-50 mt-1">
+        <div class="is-flex is-gap-8 fs-13 has-text-grey-dark mt-1">
           <p>SL: {{ product.quantity }}</p>
           <p>Đơn giá: {{ $numtoString(product.unit_price, { hasUnit: true }) }}</p>
           <p>