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
+4 -4
View File
@@ -1,17 +1,17 @@
<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"> <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 }} {{ $tableheader }}
</tr> </tr>
</thead> </thead>
<tbody class="bg-black"> <tbody class="">
{{ $slot }} {{ $slot }}
</tbody> </tbody>
</table> </table>
@isset($pagination) @isset($pagination)
<div class="px-6 py-4 bg-black rounded-b-lg"> <div class="px-6 py-4 rounded-b-lg">
{{ $pagination }} {{ $pagination }}
</div> </div>
@endisset @endisset
@@ -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 }} {{ $slot }}
</th> </th>
@@ -3,12 +3,12 @@
{{ __('Colors') }} {{ __('Colors') }}
<x-slot name="headerleft"> <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>
<x-slot name="headerright"> <x-slot name="headerright">
<flux:modal.trigger name="createModal"> <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> </flux:modal.trigger>
</x-slot> </x-slot>
</x-header> </x-header>
@@ -27,14 +27,14 @@
</x-slot> </x-slot>
@foreach ($colors as $color) @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><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> <x-table.item>
<div class="flex flex-row gap-4 justify-end pr-8"> <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> <flux:button wire:click="deleteModal({{ $color->id }})" icon="x-mark">Delete</flux:button>
</div> </div>
</x-table.item> </x-table.item>