Updated Color scheme

resources/views/components/table.blade.php

@@ -1,19 +1,19 @@
-<div class="border border-blackout-950 rounded-lg shadow">
+<div class="bg-white p-4 border-jet-100 border rounded-lg shadow">
   <table class="w-full rounded-lg">
-    <thead class="bg-black border-b border-blackout-950 rounded-t-lg">
+    <thead class="border-b border-jet-200 rounded-t-lg">
-      <tr class="text-left">
+      <tr class="text-left ">
         {{ $tableheader }}
       </tr>
     </thead>
-    <tbody class="bg-black">
+    <tbody class="">
       {{ $slot }}
     </tbody>
   </table>
 
   @isset($pagination)
-  <div class="px-6 py-4 bg-black rounded-b-lg">
+  <div class="px-6 py-4 rounded-b-lg">
     {{ $pagination }}
   </div>
   @endisset
 
-</div>
+</div>

resources/views/components/table/header.blade.php

@@ -1,3 +1,3 @@
-<th  {{ $attributes->merge(['class' => 'py-4 px-3 first:pl-6 last:pr-6 text-nuke-400']) }}>
+<th  {{ $attributes->merge(['class' => 'py-4 px-3 first:pl-6 last:pr-6 text-jet']) }}>
   {{ $slot }}
-</th>
+</th>

resources/views/livewire/filament/color.blade.php

@@ -3,17 +3,17 @@
         {{ __('Colors') }}
 
         <x-slot name="headerleft">
-            <input type="text" placeholder="Search..." wire:model.live="search" class="bg-zinc-800 rounded focus:border-accent focus:ring-accent" />
+            <input type="text" placeholder="Search..." wire:model.live="search" class="bg-jet-100 border-jet-200 rounded text-jet focus:border-jet focus:ring-jet" />
         </x-slot>
 
         <x-slot name="headerright">
             <flux:modal.trigger name="createModal">
-                <flux:button variant="primary" class="bg-nuke-400 hover:bg-nuke-300">Create Color</flux:button>
+                <flux:button variant="primary" class="bg-pumpkin hover:bg-pumpkin-600">Create Color</flux:button>
             </flux:modal.trigger>
         </x-slot>
     </x-header>
 
-    
+
 
 
     <div class="container m-auto my-8">
@@ -27,20 +27,20 @@
             </x-slot>
 
             @foreach ($colors as $color)
-                <tr wire:key="{{ $color->id }}" class="border-b border-blackout-950">
+                <tr wire:key="{{ $color->id }}" class="border-b border-jet-100">
-                    <x-table.item><p class="p-4 px-3 pl-6 font-bold">{{ $color->name }}</p></x-table.item>
+                    <x-table.item><p class="p-4 px-3 pl-6 font-bold text-jet">{{ $color->name }}</p></x-table.item>
                     <x-table.item><div class="p-4 px-3 mx-3 h-8 rounded" style="background-color: {{ $color->hex }}"></div></x-table.item>
-                    <x-table.item><p class="p-4 px-3 text-left">{{ $color->hex }}</p></x-table.item>
+                    <x-table.item><p class="p-4 px-3 text-left text-jet">{{ $color->hex }}</p></x-table.item>
-                    <x-table.item><p class="p-4 px-3"></p></x-table.item>
+                    <x-table.item><p class="p-4 px-3 text-jet"></p></x-table.item>
                     <x-table.item>
                         <div class="flex flex-row gap-4 justify-end pr-8">
-                            <flux:button wire:click="edit({{ $color->id }})" icon="pencil">Edit</flux:button>
+                            <button wire:click="edit({{ $color->id }})" class="bg-pumpkin text-jet border border-pumpkin-500 shadow hover:border-pumpkin-400 hover:bg-pumpkin-500 rounded-lg px-4 py-2 cursor-pointer" icon="pencil">Edit</button>
                             <flux:button wire:click="deleteModal({{ $color->id }})" icon="x-mark">Delete</flux:button>
                         </div>
                     </x-table.item>
                 </tr>
             @endforeach
-            
+
             <x-slot name="pagination">
                 {{ $colors->links() }}
             </x-slot>
@@ -110,4 +110,4 @@
             </div>
             </form>
         </flux:modal>
-</section>
+</section>