Refactored Color Livewire components, added CreateColor, EditColor, and ShowColor components. Updated views, navigation, and Tailwind color schemes. Adjusted database migrations for consistency.

This commit is contained in:
2025-12-14 01:39:16 +01:00
parent 7e79d1d034
commit ac812ed142
32 changed files with 496 additions and 353 deletions
+67 -40
View File
@@ -8,15 +8,18 @@
@source '../../vendor/laravel/jetstream/**/*.blade.php';
@theme {
--font-sans:
Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
--font-sans: Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--color-jet: #33312e;
--color-pumpkin: #FE7F2D;
--color-sunglow: #FCCA46;
--color-olivine: #A1C181;
--color-zomp: #619B8A;
--color-jet: #33312e;
--color-pumpkin: #FE7F2D;
--color-olivine: #A1C181;
--color-cornflower: #8ecae6;
--color-pacific: #219ebc;
--color-elephant: #023047;
--color-selective: #ffb703;
--color-gold-drop: #fb8500;
--color-jet-50: #f6f5f5;
--color-jet-100: #e8e6e5;
@@ -54,41 +57,65 @@
--color-olivine-900: #324027;
--color-olivine-950: #182211;
--color-nuke-50: oklch(0.99 0.0358 117.24);
--color-nuke-100: oklch(0.97 0.0779 120.18);
--color-nuke-200: oklch(0.95 0.1412 121.89);
--color-nuke-300: oklch(0.93 0.2049 125.66);
--color-nuke-400: oklch(0.91 0.2468 130.72);
--color-nuke-500: oklch(0.84 0.231054 131.6647);
--color-nuke-600: oklch(0.71 0.197756 132.5804);
--color-nuke-700: oklch(0.57 0.1604 132.33);
--color-nuke-800: oklch(0.48 0.1306 131.73);
--color-nuke-900: oklch(0.43 0.112 131.31);
--color-nuke-950: oklch(0.29 0.0821 132.58);
--color-cornflower-50: #f2f9fd;
--color-cornflower-100: #e5f1f9;
--color-cornflower-200: #c5e3f2;
--color-cornflower-300: #8ecae6;
--color-cornflower-400: #58b2d8;
--color-cornflower-500: #3298c5;
--color-cornflower-600: #237ba6;
--color-cornflower-700: #1d6187;
--color-cornflower-800: #1c5370;
--color-cornflower-900: #1c465e;
--color-cornflower-950: #132d3e;
--color-etheral-50:oklch(0.98 0.019 204.85);
--color-etheral-100:oklch(0.95 0.0444 210.46);
--color-etheral-200:oklch(0.9 0.0777 214.41);
--color-etheral-300:oklch(0.82 0.1327 218.85);
--color-etheral-400:oklch(0.77 0.1401 223.63);
--color-etheral-500:oklch(0.68 0.1345 228.8);
--color-etheral-600:oklch(0.58 0.1216 233.84);
--color-etheral-700:oklch(0.5 0.1034 235.16);
--color-etheral-800:oklch(0.43 0.0843 235.25);
--color-etheral-900:oklch(0.38 0.0743 238.47);
--color-etheral-950:oklch(0.29 0.0601 239.11);
--color-pacific-50: #eefbfd;
--color-pacific-100: #d5f3f8;
--color-pacific-200: #b0e7f1;
--color-pacific-300: #7ad5e6;
--color-pacific-400: #3cb9d4;
--color-pacific-500: #219ebc;
--color-pacific-600: #1e7e9c;
--color-pacific-700: #1f657f;
--color-pacific-800: #215569;
--color-pacific-900: #204659;
--color-pacific-950: #102e3c;
--color-blackout-50:oklch(0.97 0 0);
--color-blackout-100:oklch(0.93 0 0);
--color-blackout-200:oklch(0.86 0 0);
--color-blackout-300:oklch(0.76 0 0);
--color-blackout-400:oklch(0.63 0 0);
--color-blackout-500:oklch(0.53 0 0);
--color-blackout-600:oklch(0.48 0 0);
--color-blackout-700:oklch(0.43 0 0);
--color-blackout-800:oklch(0.39 0 0);
--color-blackout-900:oklch(0.36 0 0);
--color-blackout-950:oklch(0.31 0 0);
--color-elephant-50: #effaff;
--color-elephant-100: #ddf5ff;
--color-elephant-200: #b4edff;
--color-elephant-300: #72e0ff;
--color-elephant-400: #27d2ff;
--color-elephant-500: #00bdfc;
--color-elephant-600: #0098d9;
--color-elephant-700: #0079af;
--color-elephant-800: #006690;
--color-elephant-900: #035477;
--color-elephant-950: #023047;
--color-selective-50: #fffeea;
--color-selective-100: #fff9c5;
--color-selective-200: #fff485;
--color-selective-300: #ffe746;
--color-selective-400: #ffd71b;
--color-selective-500: #ffb703;
--color-selective-600: #e28b00;
--color-selective-700: #bb6202;
--color-selective-800: #984b08;
--color-selective-900: #7c3e0b;
--color-selective-950: #481f00;
--color-gold-drop-50: #fffbec;
--color-gold-drop-100: #fff5d3;
--color-gold-drop-200: #ffe8a5;
--color-gold-drop-300: #ffd56d;
--color-gold-drop-400: #ffb732;
--color-gold-drop-500: #ff9f0a;
--color-gold-drop-600: #fb8500;
--color-gold-drop-700: #cc6302;
--color-gold-drop-800: #a14c0b;
--color-gold-drop-900: #82400c;
--color-gold-drop-950: #461e04;
}
/*