Updated Color scheme

This commit is contained in:
2025-11-18 01:40:29 +01:00
parent 34bea2b44f
commit 75800bf6cc
3 changed files with 18 additions and 18 deletions
@@ -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">
<x-table.item><p class="p-4 px-3 pl-6 font-bold">{{ $color->name }}</p></x-table.item>
<tr wire:key="{{ $color->id }}" class="border-b border-jet-100">
<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"></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 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>