Corrected warning color

MGeurts · May 11, 2024 · c836d37 · c836d37
1 parent e22147d
commit c836d37
Show file tree

Hide file tree

Showing 15 changed files with 70 additions and 69 deletions.
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
@@ -92,8 +92,9 @@ public function boot(): void
         TallStackUi::personalize()->card()
             ->block('wrapper.first')->replace('gap-4', 'gap-2')
             ->block('wrapper.second')->replace('rounded-lg', 'rounded')
-            ->block('header.wrapper', 'dark:border-b-dark-600 flex items-center justify-between border-b border-b-gray-100 p-2')
-            ->block('footer.wrapper', 'text-secondary-700 dark:text-dark-300 dark:border-t-dark-600 rounded rounded-t-none border-t p-2')
+            ->block('wrapper.second')->replace('dark:bg-dark-700', 'dark:bg-neutral-700')
+            ->block('header.wrapper', 'dark:border-b-neutral-600 flex items-center justify-between border-b border-b-gray-100 p-2')
+            ->block('footer.wrapper', 'text-secondary-700 dark:text-dark-300 dark:border-t-neutral-600 rounded rounded-t-none border-t p-2')
             ->block('footer.text', 'flex items-center justify-end gap-2');
 
         // -----------------------------------------------------------------------

diff --git a/resources/views/components/nav-link-footer.blade.php b/resources/views/components/nav-link-footer.blade.php
@@ -3,7 +3,7 @@
 @php
     $classes =
         $active ?? false
-            ? 'text-warning-400 dark:text-warning-200 underline decoration-transparent transition duration-300 ease-in-out hover:decoration-inherit'
+            ? 'text-warning-500 dark:text-warning-200 underline decoration-transparent transition duration-300 ease-in-out hover:decoration-inherit'
             : 'text-blue-600 dark:text-blue-200 underline decoration-transparent transition duration-300 ease-in-out hover:decoration-inherit';
 @endphp
 

diff --git a/resources/views/components/nav-link.blade.php b/resources/views/components/nav-link.blade.php
@@ -3,8 +3,8 @@
 @php
     $classes =
         $active ?? false
-            ? 'inline-flex items-center px-1 text-warning-400 dark:text-warning-200'
-            : 'inline-flex items-center px-1 text-gray-600 dark:text-gray-200 hover:text-warning-400 dark:hover:text-warning-200';
+            ? 'inline-flex items-center px-1 text-warning-500 dark:text-warning-200'
+            : 'inline-flex items-center px-1 text-gray-600 dark:text-gray-200 hover:text-warning-500 dark:hover:text-warning-200';
 @endphp
 
 <a {{ $attributes->merge(['class' => $classes]) }}>

diff --git a/resources/views/components/switchable-team.blade.php b/resources/views/components/switchable-team.blade.php
@@ -9,7 +9,7 @@
 
     <x-dynamic-component :component="$component" href="#" x-on:click.prevent="$root.submit();">
         <div class="flex items-center">
-            <div class="truncate @if (auth()->user()->isCurrentTeam($team)) text-warning-400 @endif">
+            <div class="truncate @if (auth()->user()->isCurrentTeam($team)) text-warning-500 dark:text-warning-200 @endif">
                 {{ $team->name }}
             </div>
 

diff --git a/resources/views/livewire/pagination/tailwind.blade.php b/resources/views/livewire/pagination/tailwind.blade.php
@@ -92,7 +92,7 @@ class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium te
                                 @if ($i == $paginator->currentPage())
                                     <span aria-current="page">
                                         <span
-                                            class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-warning-300 dark:bg-warning-200 border border-gray-300 cursor-default leading-5 select-none">
+                                            class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-warning-500 dark:bg-warning-200 border border-gray-300 cursor-default leading-5 select-none">
                                             {{ $i }}
                                         </span>
                                     </span>

diff --git a/resources/views/livewire/people/add/child.blade.php b/resources/views/livewire/people/add/child.blade.php
@@ -9,22 +9,22 @@
                 <div class="grid grid-cols-6 gap-5">
                     {{-- firstname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="childForm.firstname" id="firstname" label="{{ __('person.firstname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="firstname" />
+                        <x-ts-input wire:model="childForm.firstname" id="firstname" label="{{ __('person.firstname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="firstname" />
                     </div>
 
                     {{-- surname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="childForm.surname" id="surname" label="{{ __('person.surname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="surname" />
+                        <x-ts-input wire:model="childForm.surname" id="surname" label="{{ __('person.surname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="surname" />
                     </div>
 
                     {{-- birthname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="childForm.birthname" id="birthname" label="{{ __('person.birthname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="birthname" />
+                        <x-ts-input wire:model="childForm.birthname" id="birthname" label="{{ __('person.birthname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="birthname" />
                     </div>
 
                     {{-- nickname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="childForm.nickname" id="nickname" label="{{ __('person.nickname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="nickname" />
+                        <x-ts-input wire:model="childForm.nickname" id="nickname" label="{{ __('person.nickname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="nickname" />
                     </div>
                     <x-hr.narrow class="col-span-6 !my-0" />
 
@@ -44,24 +44,24 @@
                     {{-- gender_id --}}
                     <div class="col-span-6 md:col-span-3">
                         <x-ts-select.styled wire:model="childForm.gender_id" id="gender_id" label="{{ __('person.gender') }}" :options="$childForm->genders()" select="label:name|value:id"
-                            placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-100 dark:text-black" searchable />
+                            placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-200 dark:text-black" searchable />
                     </div>
                     <x-hr.narrow class="col-span-6 !my-0" />
 
                     {{-- yob --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="childForm.yob" id="yob" label="{{ __('person.yob') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="yob" />
+                        <x-ts-input wire:model="childForm.yob" id="yob" label="{{ __('person.yob') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="yob" />
                     </div>
 
                     {{-- dob --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-date wire:model="childForm.dob" id="dob" label="{{ __('person.dob') }}" wire:dirty.class="bg-warning-100 dark:text-black" format="YYYY-MM-DD" :max-date="now()"
+                        <x-ts-date wire:model="childForm.dob" id="dob" label="{{ __('person.dob') }}" wire:dirty.class="bg-warning-200 dark:text-black" format="YYYY-MM-DD" :max-date="now()"
                             placeholder="{{ __('app.select') }} ..." />
                     </div>
 
                     {{-- pob --}}
                     <div class="col-span-6">
-                        <x-ts-input wire:model="childForm.pob" id="pob" label="{{ __('person.pob') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="pod" />
+                        <x-ts-input wire:model="childForm.pob" id="pob" label="{{ __('person.pob') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="pod" />
                     </div>
                     <x-hr.narrow class="col-span-6 !my-0" />
 
@@ -104,7 +104,7 @@
                 {{-- person_id --}}
                 <div class="col-span-6">
                     <x-ts-select.styled wire:model="childForm.person_id" id="person_id" label="{{ __('person.person') }}" :options="$persons" select="label:name|value:id"
-                        placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-100 dark:text-black" searchable />
+                        placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-200 dark:text-black" searchable />
                 </div>
             </div>
 

diff --git a/resources/views/livewire/people/add/partner.blade.php b/resources/views/livewire/people/add/partner.blade.php
@@ -9,22 +9,22 @@
                 <div class="grid grid-cols-6 gap-5">
                     {{-- firstname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="partnerForm.firstname" id="firstname" label="{{ __('person.firstname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="firstname" />
+                        <x-ts-input wire:model="partnerForm.firstname" id="firstname" label="{{ __('person.firstname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="firstname" />
                     </div>
 
                     {{-- surname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="partnerForm.surname" id="surname" label="{{ __('person.surname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="surname" />
+                        <x-ts-input wire:model="partnerForm.surname" id="surname" label="{{ __('person.surname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="surname" />
                     </div>
 
                     {{-- birthname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="partnerForm.birthname" id="birthname" label="{{ __('person.birthname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="birthname" />
+                        <x-ts-input wire:model="partnerForm.birthname" id="birthname" label="{{ __('person.birthname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="birthname" />
                     </div>
 
                     {{-- nickname --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="partnerForm.nickname" id="nickname" label="{{ __('person.nickname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="nickname" />
+                        <x-ts-input wire:model="partnerForm.nickname" id="nickname" label="{{ __('person.nickname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="nickname" />
                     </div>
                     <x-hr.narrow class="col-span-6 !my-0" />
 
@@ -44,24 +44,24 @@
                     {{-- gender_id --}}
                     <div class="col-span-6 md:col-span-3">
                         <x-ts-select.styled wire:model="partnerForm.gender_id" id="gender_id" label="{{ __('person.gender') }}" :options="$partnerForm->genders()" select="label:name|value:id"
-                            placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-100 dark:text-black" searchable />
+                            placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-200 dark:text-black" searchable />
                     </div>
                     <x-hr.narrow class="col-span-6 !my-0" />
 
                     {{-- yob --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-input wire:model="partnerForm.yob" id="yob" label="{{ __('person.yob') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="yob" />
+                        <x-ts-input wire:model="partnerForm.yob" id="yob" label="{{ __('person.yob') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="yob" />
                     </div>
 
                     {{-- dob --}}
                     <div class="col-span-6 md:col-span-3">
-                        <x-ts-date wire:model="partnerForm.dob" id="dob" label="{{ __('person.dob') }}" wire:dirty.class="bg-warning-100 dark:text-black" format="YYYY-MM-DD" :max-date="now()"
+                        <x-ts-date wire:model="partnerForm.dob" id="dob" label="{{ __('person.dob') }}" wire:dirty.class="bg-warning-200 dark:text-black" format="YYYY-MM-DD" :max-date="now()"
                             placeholder="{{ __('app.select') }} ..." />
                     </div>
 
                     {{-- pob --}}
                     <div class="col-span-6">
-                        <x-ts-input wire:model="partnerForm.pob" id="pob" label="{{ __('person.pob') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="pod" />
+                        <x-ts-input wire:model="partnerForm.pob" id="pob" label="{{ __('person.pob') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="pod" />
                     </div>
                     <x-hr.narrow class="col-span-6 !my-0" />
 
@@ -80,13 +80,13 @@
                 <div class="grid grid-cols-6 gap-5">
                     {{-- date_start --}}
                     <div class="col-span-3">
-                        <x-ts-date wire:model="partnerForm.date_start" id="date_start" label="{{ __('couple.date_start') }}" wire:dirty.class="bg-warning-100 dark:text-black" format="YYYY-MM-DD"
+                        <x-ts-date wire:model="partnerForm.date_start" id="date_start" label="{{ __('couple.date_start') }}" wire:dirty.class="bg-warning-200 dark:text-black" format="YYYY-MM-DD"
                             :max-date="now()" placeholder="{{ __('app.select') }} ..." />
                     </div>
 
                     {{-- date_end --}}
                     <div class="col-span-3">
-                        <x-ts-date wire:model="partnerForm.date_end" id="date_end" label="{{ __('couple.date_end') }}" wire:dirty.class="bg-warning-100 dark:text-black" format="YYYY-MM-DD"
+                        <x-ts-date wire:model="partnerForm.date_end" id="date_end" label="{{ __('couple.date_end') }}" wire:dirty.class="bg-warning-200 dark:text-black" format="YYYY-MM-DD"
                             :max-date="now()" placeholder="{{ __('app.select') }} ..." />
                     </div>
 
@@ -133,18 +133,18 @@
                     {{-- person2_id --}}
                     <div class="col-span-6">
                         <x-ts-select.styled wire:model="partnerForm.person2_id" id="person2_id" label="{{ __('person.partner') }}" :options="$persons" select="label:name|value:id"
-                            placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-100 dark:text-black" searchable required />
+                            placeholder="{{ __('app.select') }} ..." wire:dirty.class="bg-warning-200 dark:text-black" searchable required />
                     </div>
 
                     {{-- date_start --}}
                     <div class="col-span-3">
-                        <x-ts-date wire:model="partnerForm.date_start" id="date_start" label="{{ __('couple.date_start') }}" wire:dirty.class="bg-warning-100 dark:text-black" format="YYYY-MM-DD"
+                        <x-ts-date wire:model="partnerForm.date_start" id="date_start" label="{{ __('couple.date_start') }}" wire:dirty.class="bg-warning-200 dark:text-black" format="YYYY-MM-DD"
                             :max-date="now()" placeholder="{{ __('app.select') }} ..." />
                     </div>
 
                     {{-- date_end --}}
                     <div class="col-span-3">
-                        <x-ts-date wire:model="partnerForm.date_end" id="date_end" label="{{ __('couple.date_end') }}" wire:dirty.class="bg-warning-100 dark:text-black" format="YYYY-MM-DD"
+                        <x-ts-date wire:model="partnerForm.date_end" id="date_end" label="{{ __('couple.date_end') }}" wire:dirty.class="bg-warning-200 dark:text-black" format="YYYY-MM-DD"
                             :max-date="now()" placeholder="{{ __('app.select') }} ..." />
                     </div>
 

diff --git a/resources/views/livewire/people/add/person.blade.php b/resources/views/livewire/people/add/person.blade.php
@@ -20,23 +20,23 @@
             <div class="grid grid-cols-6 gap-5">
                 {{-- firstname --}}
                 <div class="col-span-6 md:col-span-3">
-                    <x-ts-input wire:model="personForm.firstname" id="firstname" label="{{ __('person.firstname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="firstname"
+                    <x-ts-input wire:model="personForm.firstname" id="firstname" label="{{ __('person.firstname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="firstname"
                         autofocus />
                 </div>
 
                 {{-- surname --}}
                 <div class="col-span-6 md:col-span-3">
-                    <x-ts-input wire:model="personForm.surname" id="surname" label="{{ __('person.surname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="surname" />
+                    <x-ts-input wire:model="personForm.surname" id="surname" label="{{ __('person.surname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="surname" />
                 </div>
 
                 {{-- birthname --}}
                 <div class="col-span-6 md:col-span-3">
-                    <x-ts-input wire:model="personForm.birthname" id="birthname" label="{{ __('person.birthname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="birthname" />
+                    <x-ts-input wire:model="personForm.birthname" id="birthname" label="{{ __('person.birthname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="birthname" />
                 </div>
 
                 {{-- nickname --}}
                 <div class="col-span-6 md:col-span-3">
-                    <x-ts-input wire:model="personForm.nickname" id="nickname" label="{{ __('person.nickname') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="nickname" />
+                    <x-ts-input wire:model="personForm.nickname" id="nickname" label="{{ __('person.nickname') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="nickname" />
                 </div>
                 <x-hr.narrow class="col-span-6 !my-0" />
 
@@ -56,24 +56,24 @@
                 {{-- gender_id --}}
                 <div class="col-span-6 md:col-span-3">
                     <x-ts-select.styled wire:model="gender_id" id="gender_id" label="{{ __('person.gender') }}" :options="$personForm->genders()" select="label:name|value:id" placeholder="{{ __('app.select') }} ..."
-                        wire:dirty.class="bg-warning-100 dark:text-black" searchable />
+                        wire:dirty.class="bg-warning-200 dark:text-black" searchable />
                 </div>
                 <x-hr.narrow class="col-span-6 !my-0" />
 
                 {{-- yob --}}
                 <div class="col-span-6 md:col-span-3">
-                    <x-ts-input wire:model="personForm.yob" id="yob" label="{{ __('person.yob') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="yob" />
+                    <x-ts-input wire:model="personForm.yob" id="yob" label="{{ __('person.yob') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="yob" />
                 </div>
 
                 {{-- dob --}}
                 <div class="col-span-6 md:col-span-3">
-                    <x-ts-date wire:model="personForm.dob" id="dob" label="{{ __('person.dob') }}" wire:dirty.class="bg-warning-100 dark:text-black" format="YYYY-MM-DD" :max-date="now()"
+                    <x-ts-date wire:model="personForm.dob" id="dob" label="{{ __('person.dob') }}" wire:dirty.class="bg-warning-200 dark:text-black" format="YYYY-MM-DD" :max-date="now()"
                         placeholder="{{ __('app.select') }} ..." />
                 </div>
 
                 {{-- pob --}}
                 <div class="col-span-6">
-                    <x-ts-input wire:model="personForm.pob" id="pob" label="{{ __('person.pob') }}" wire:dirty.class="bg-warning-100 dark:text-black" autocomplete="pod" />
+                    <x-ts-input wire:model="personForm.pob" id="pob" label="{{ __('person.pob') }}" wire:dirty.class="bg-warning-200 dark:text-black" autocomplete="pod" />
                 </div>
                 <x-hr.narrow class="col-span-6 !my-0" />