From 34bea2b44f7b9fcaa17fd05fcbfa6bc23510df71 Mon Sep 17 00:00:00 2001
From: Iridium34 <abstergodevelopment@gmail.com>
Date: Tue, 11 Nov 2025 19:29:44 +0100
Subject: [PATCH] Updated Color scheme

---
 resources/css/app.css                         | 26 ++++++++++-
 resources/views/components/card.blade.php     |  4 +-
 resources/views/components/footer.blade.php   |  6 +--
 resources/views/components/header.blade.php   |  8 ++--
 .../views/components/layouts/app.blade.php    |  6 +--
 resources/views/components/navbar.blade.php   | 44 +++++++++++++++++--
 resources/views/livewire/dashboard.blade.php  | 10 +++++
 7 files changed, 88 insertions(+), 16 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index ed5a81a..8e20a03 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -12,6 +12,30 @@
     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-50: #f6f5f5;
+    --color-jet-100: #e8e6e5;
+    --color-jet-200: #d3d0ce;
+    --color-jet-300: #b5afab;
+    --color-jet-900: #3f3d3a;
+
+    --color-pumpkin-50: #fff6ed;
+    --color-pumpkin-100: #ffebd4;
+    --color-pumpkin-200: #ffd2a9;
+    --color-pumpkin-300: #ffb272;
+    --color-pumpkin-400: #FE7F2D;
+    --color-pumpkin-500: #fd6412;
+    --color-pumpkin-600: #ee4a08;
+    --color-pumpkin-700: #c53509;
+    --color-pumpkin-800: #9c2b10;
+    --color-pumpkin-900: #7e2610;
+    --color-pumpkin-950: #440f06;
+
   --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);
@@ -26,7 +50,7 @@
 
   --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-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);
diff --git a/resources/views/components/card.blade.php b/resources/views/components/card.blade.php
index 67296f4..24cf1fb 100644
--- a/resources/views/components/card.blade.php
+++ b/resources/views/components/card.blade.php
@@ -1,3 +1,3 @@
-<div class="bg-white dark:bg-zinc-700 overflow-hidden shadow-xl sm:rounded-lg p-6">
+<div class="bg-white text-jet overflow-hidden shadow-xl sm:rounded-lg p-6">
   {{ $slot }}
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
index eea1454..c154b5c 100644
--- a/resources/views/components/footer.blade.php
+++ b/resources/views/components/footer.blade.php
@@ -1,7 +1,7 @@
-<section class="border-t border-blackout-950">
+<section>
   <div class="container mx-auto py-12">
-    <p class="text-center text-zinc-400 text-sm">
+    <p class="text-center text-jet-300 text-sm">
       &copy; {{ now()->year }} {{ config('app.name') }}. All rights reserved.
     </p>
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/resources/views/components/header.blade.php b/resources/views/components/header.blade.php
index a1fd709..c02404b 100644
--- a/resources/views/components/header.blade.php
+++ b/resources/views/components/header.blade.php
@@ -1,12 +1,12 @@
-<div class="bg-black w-full border-b border-blackout-950">
-  <div class="container mx-auto py-6 px-4 sm:px-6 lg:px-8 flex justify-between">
+<div class="bg-white w-full border-b border-jet-200">
+  <div class="container mx-auto py-6 px-4 sm:px-6 lg:px-8 flex justify-between items-center">
     <x-header.header-left>
       @isset($headerleft)
         {{ $headerleft }}
       @endisset
     </x-header.header-left>
     <div>
-      <h2 class="font-semibold text-2xl text-nuke-400 leading-tight">
+      <h2 class="font-semibold text-2xl text-jet leading-tight">
         {{ $slot }}
       </h2>
     </div>
@@ -17,4 +17,4 @@
     </x-header.header-right>
 
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index 8f09c89..d1255eb 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -12,7 +12,7 @@
         <link rel="preconnect" href="https://fonts.bunny.net">
         <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
         <link href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap" rel="stylesheet" />
-        
+
         <!-- Scripts -->
         @vite(['resources/css/app.css', 'resources/js/app.js'])
 
@@ -22,7 +22,7 @@
 
         <title>{{ $title . ' | ' . config('app.name') ?? config('app.name') }}</title>
     </head>
-    <body class="font-sans antialiased bg-black ">
+    <body class="font-sans antialiased bg-jet-100 ">
         <x-navbar />
         <div class="flex flex-row">
             <!--
@@ -31,7 +31,7 @@
             <div class="w-full">{{ $slot }}</div>
         </div>
         <x-footer />
-        
+
         @livewireScripts
         @fluxScripts
 
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 9f625b2..fc14922 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -1,4 +1,42 @@
-<section class="bg-blackout-950 border-b border-blackout-900">
+<section class="bg-jet">
+    <nav class="bg-jet">
+        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+            <div class="flex h-16 items-center justify-between">
+                <div class="flex items-center">
+                    <div class="flex-shrink-0">
+                        <a href="{{ route('dashboard') }}">
+                            <h3 class="text-pumpkin">FilamentApp</h3>
+                        </a>
+                    </div>
+                    <div class="hidden md:block">
+                        <div class="ml-10 flex items-baseline space-x-4">
+                            <!-- Current: "bg-gray-950/50 text-white", Default: "text-gray-300 hover:bg-white/5 hover:text-white" -->
+                            <a href="{{ route('dashboard') }}" wire:navigate wire:current.exact="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">Dashboard</a>
+                            <a href="{{ route('orders.index') }}" wire:navigate wire:current="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">Orders</a>
+                            <a href="{{ route('filaments.index') }}" wire:navigate wire:current="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">Filaments</a>
+                            <a href="{{ route('manufacturers.index') }}" wire:navigate wire:current="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">Manufacturers</a>
+                            <a href="{{ route('colors.index') }}" wire:navigate wire:current="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">Colors</a>
+                            <a href="{{ route('buildplates.index') }}" wire:navigate wire:current="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">Buildplates</a>
+                            <a href="{{ route('types.index') }}" wire:navigate wire:current="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">Types</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="hidden md:block">
+                    <div class="ml-4 flex items-center md:ml-6">
+                        <a href="{{ route('settings.index') }}" wire:navigate wire:current.exact="bg-white/10" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-white/5 hover:text-white">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" />
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+                            </svg>
+                        </a>
+
+                        <!-- Profile dropdown -->
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>
 <flux:header class="container mx-auto flex items-center">
   <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
 
@@ -10,9 +48,9 @@
     <flux:navbar.item wire:navigate icon="shopping-bag" href="{{ route('orders.index') }}">Orders</flux:navbar.item>
 
 
-    <flux:dropdown>
+    <flux:dropdown >
       <flux:navbar.item icon="circle-stack" icon-trailing="chevron-down">Filaments</flux:navbar.item>
-      <flux:navmenu>
+      <flux:navmenu class="bg-jet">
         <flux:navmenu.item wire:navigate icon="circle-stack" href="{{ route('filaments.index') }}">All Filaments</flux:navmenu.item>
         <flux:navmenu.separator />
         <flux:navmenu.item wire:navigate icon="archive-box" href="{{ route('manufacturers.index') }}">Manufacturers</flux:navmenu.item>
diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php
index 77f9193..d4cd72a 100644
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -1,4 +1,14 @@
 <div>
+    <x-header>
+        {{ __('Dashboard') }}
+
+        <x-slot name="headerright">
+            <flux:modal.trigger name="createModal">
+                <flux:button variant="primary" class="bg-olivine transition-all hover:bg-jet hover:text-jet-100 hover:cursor-pointer">Create Buildplate</flux:button>
+            </flux:modal.trigger>
+        </x-slot>
+    </x-header>
+
   <div class="py-12">
       <div class="container mx-auto px-6">
       <div class="grid grid-cols-3 md:grid-cols-2 lg:grid-cols-3 gap-6">