Remove custom shadow colors

resources/views/checkout/partials/progressbar.blade.php

@@ -6,11 +6,12 @@
                 <div class="absolute flex w-full h-0.5 top-5 left-1/2 {{ $currentStepKey > $checkoutStepKey ? 'bg-emphasis' : 'bg' }}"></div>
             @endif
             <a href="{{ route('checkout', $checkoutStep) }}" @class([
-                'relative flex size-10 mx-auto justify-center rounded-full font-bold items-center border',
+                'relative flex size-10 mx-auto justify-center rounded-full font-bold items-center',
                 'pointer-events-none cursor-default' => $currentStepKey < $checkoutStepKey,
-                'bg-emphasis' => $checkoutStepKey <= $currentStepKey,
-                'bg-white' => $checkoutStepKey > $currentStepKey,
-                'bg-emphasis shadow-md shadow-emphasis pointer-events-none cursor-default' => $checkoutStepKey === $currentStepKey
+                'bg-secondary' => $checkoutStepKey < $currentStepKey,
+                'text-white' => $checkoutStepKey <= $currentStepKey,
+                'bg-white border' => $checkoutStepKey > $currentStepKey,
+                'bg-primary pointer-events-none cursor-default' => $checkoutStepKey === $currentStepKey
             ])>
                 {{ $checkoutStepKey + 1 }}
             </a>

resources/views/checkout/steps/success.blade.php

@@ -44,7 +44,7 @@ class="mx-auto"
                 </div>
             </div>
             <div class="flex flex-col mt-4 gap-x-4 md:flex-row">
-                <div class="w-full p-8 bg-white shadow-sm shadow-default rounded border border-l-2 border-l-primary md:w-1/2" v-if="order.billing_address">
+                <div class="w-full p-8 bg-white shadow-sm rounded border border-l-2 border-l-primary md:w-1/2" v-if="order.billing_address">
                     <p class="text font-lg font-bold mb-2">@lang('Billing address')</p>
                     <ul>
                         <li>@{{ order.billing_address.firstname }} @{{ order.billing_address.lastname }}</li>
@@ -53,7 +53,7 @@ class="mx-auto"
                         <li>@{{ order.billing_address.telephone }}</li>
                     </ul>
                 </div>
-                <div class="w-full p-8 bg-white shadow-sm shadow-default rounded border-l-2 border border-l-primary mt-4 md:mt-0 md:w-1/2" v-if="order.shipping_address">
+                <div class="w-full p-8 bg-white shadow-sm rounded border-l-2 border border-l-primary mt-4 md:mt-0 md:w-1/2" v-if="order.shipping_address">
                     <p class="text font-lg font-bold mb-2">@lang('Shipping address')</p>
                     <ul>
                         <li>@{{ order.shipping_address.firstname }} @{{ order.shipping_address.lastname }}</li>
@@ -64,12 +64,12 @@ class="mx-auto"
                 </div>
             </div>
 
-            <div class="flex flex-col mt-4 gap-x-4 md:flex-row">
-                <div class="w-full p-8 bg-white shadow-sm shadow-default rounded border-l-2 border border-l-primary md:w-1/2" v-if="order.shipping_method">
+            <div class="flex flex-col pb-1 mt-4 gap-x-4 md:flex-row">
+                <div class="w-full p-8 bg-white shadow-sm rounded border-l-2 border border-l-primary md:w-1/2" v-if="order.shipping_method">
                     <p class="text font-lg font-bold mb-2">@lang('Shipping method')</p>
                     <p>@{{ order.shipping_method }}</p>
                 </div>
-                <div class="w-full p-8 bg-white shadow-sm shadow-default rounded border-l-2 border border-l-primary mt-4 md:mt-0 md:w-1/2">
+                <div class="w-full p-8 bg-white shadow-sm rounded border-l-2 border border-l-primary mt-4 md:mt-0 md:w-1/2">
                     <p class="text font-lg font-bold mb-2">@lang('Payment method')</p>
                     <p v-for="method in order.payment_methods">@{{ method.name || method.type }}</p>
                 </div>

resources/views/components/cookie-notice.blade.php

@@ -8,7 +8,7 @@
         show-until-close
         v-cloak
     >
-        <dialog slot-scope="{ close }" class="container rounded bg-white p-6 shadow fixed inset-x-0 bottom-4 z-30">
+        <dialog slot-scope="{ close }" class="container rounded bg-white p-6 shadow-lg fixed inset-x-0 bottom-4 z-30">
             <div class="flex flex-wrap items-center justify-between">
                 <div class="flex-1 items-center">
                     <div class="text-sm text-black">

resources/views/components/notifications.blade.php

@@ -12,7 +12,7 @@
             >
                 <component :is="link ? 'a' : 'div'" v-if="show" class="relative flex items-end justify-center pointer-events-none mb-3 sm:items-start sm:justify-end" :class="{ 'pointer-events-none': !link }">
 
-                    <div class="max-w-sm w-full shadow-lg shadow-default rounded-lg pointer-events-auto ring-1 ring-emphasis/10 overflow-hidden border" :class="classes">
+                    <div class="max-w-sm w-full rounded-lg pointer-events-auto ring-1 ring-emphasis/10 overflow-hidden border" :class="classes">
                         <div class="p-4">
                             <div class="flex items-start">
                                 <div class="flex-shrink-0">

resources/views/layouts/partials/header.blade.php

@@ -1,4 +1,4 @@
-<header class="relative mb-5 max-md:pb-4 border-b z-header">
+<header class="relative mb-5 max-md:pb-4 border-b shadow z-header">
     <div class="container flex flex-wrap items-center max-sm:px-3">
         <input id="navigation" class="peer hidden" type="checkbox" />
         <div class="py-2">
@@ -23,7 +23,7 @@
             @include('rapidez::layouts.partials.header.account')
             @include('rapidez::layouts.partials.header.minicart')
         </div>
-        <nav class="inset-x-0 top-full w-full bg-white max-md:absolute max-md:grid max-md:grid-rows-[0fr] max-md:shadow max-md:transition-all max-md:peer-checked:grid-rows-[1fr]">
+        <nav class="inset-x-0 top-full w-full bg-white max-md:absolute max-md:grid max-md:grid-rows-[0fr] max-md:shadow-md max-md:transition-all max-md:peer-checked:grid-rows-[1fr]">
             <div class="max-h-full overflow-hidden">
                 {{-- Because the lack of an @includeIf or @includeWhen equivalent for Blade components we're using a placeholder --}}
                 <x-dynamic-component :component="App::providerIsLoaded('Rapidez\Menu\MenuServiceProvider') ? 'menu' : 'placeholder'" />

resources/views/listing/partials/item.blade.php

@@ -24,9 +24,9 @@ class="mb-3 h-48 w-full rounded-t object-contain" :alt="item.name" :loading="con
                                 <div class="text-sm line-through" v-if="item.special_price">@{{ item.price | price }}</div>
                             </div>
                         @endif
-                    @if (App::providerIsLoaded('Rapidez\Reviews\ReviewsServiceProvider'))
-                        <x-dynamic-component component="rapidez-reviews::stars" v-if="item.reviews_count" count="item.reviews_count" score="item.reviews_score" />
-                    @endif
+                        @if (App::providerIsLoaded('Rapidez\Reviews\ReviewsServiceProvider'))
+                            <x-dynamic-component component="rapidez-reviews::stars" v-if="item.reviews_count" count="item.reviews_count" score="item.reviews_score" />
+                        @endif
                     </div>
                 </a>
                 @include('rapidez::listing.partials.item.addtocart')

resources/views/product/partials/gallery/thumbnails/show-more.blade.php

@@ -16,7 +16,7 @@
         v-on:click="toggleZoom"
     >
         <span
-            class="size-9 flex items-center justify-center rounded-full bg-white text-sm font-bold text shadow-lg"
+            class="size-9 flex items-center justify-center rounded-full bg-white text-sm font-bold text shadow-md"
             v-text="'+' + (images.length - {{ $imageId }} - 1)"
         >
             +{{ count($product->images) - $imageId - 1 }}

tailwind.config.js

@@ -53,12 +53,6 @@ export default {
                     muted: color('--border-muted', colors.slate[100]),
                 },
 
-                shadow: {
-                    emphasis: color('--shadow-emphasis', colors.slate[900]),
-                    DEFAULT: color('--shadow', colors.slate[700]),
-                    muted: color('--shadow-muted', colors.slate[500]),
-                },
-
                 background: {
                     emphasis: color('--background-emphasis', colors.slate[200]),
                     DEFAULT: color('--background', colors.slate[100]),
@@ -97,10 +91,6 @@ export default {
                 default: theme('colors.border'),
                 ...theme('colors.border'),
             }),
-            boxShadowColor: (theme) => ({
-                default: theme('colors.shadow'),
-                ...theme('colors.shadow'),
-            }),
         },
         container: {
             center: true,