iridium34/FilamentLaravel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated Color scheme

Browse Source
This commit is contained in:
iridium34
2025-11-11 19:29:44 +01:00
parent d96c1c335f
commit 34bea2b44f
7 changed files with 88 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+25 -1
View File
@@ -12,6 +12,30 @@
Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto 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-50: oklch(0.99 0.0358 117.24);
--color-nuke-100: oklch(0.97 0.0779 120.18); --color-nuke-100: oklch(0.97 0.0779 120.18);
--color-nuke-200: oklch(0.95 0.1412 121.89); --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-50:oklch(0.98 0.019 204.85);
--color-etheral-100:oklch(0.95 0.0444 210.46); --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-300:oklch(0.82 0.1327 218.85);
--color-etheral-400:oklch(0.77 0.1401 223.63); --color-etheral-400:oklch(0.77 0.1401 223.63);
--color-etheral-500:oklch(0.68 0.1345 228.8); --color-etheral-500:oklch(0.68 0.1345 228.8);
resources/views/components/card.blade.php
+2 -2
View File
@@ -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 }} {{ $slot }}
</div> </div>
resources/views/components/footer.blade.php
+3 -3
View File
@@ -1,7 +1,7 @@
<section class="border-t border-blackout-950"> <section>
<div class="container mx-auto py-12"> <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. &copy; {{ now()->year }} {{ config('app.name') }}. All rights reserved.
</p> </p>
</div> </div>
</section> </section>
resources/views/components/header.blade.php
+4 -4
View File
@@ -1,12 +1,12 @@
<div class="bg-black w-full border-b border-blackout-950"> <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"> <div class="container mx-auto py-6 px-4 sm:px-6 lg:px-8 flex justify-between items-center">
<x-header.header-left> <x-header.header-left>
@isset($headerleft) @isset($headerleft)
{{ $headerleft }} {{ $headerleft }}
@endisset @endisset
</x-header.header-left> </x-header.header-left>
<div> <div>
<h2 class="font-semibold text-2xl text-nuke-400 leading-tight"> <h2 class="font-semibold text-2xl text-jet leading-tight">
{{ $slot }} {{ $slot }}
</h2> </h2>
</div> </div>
@@ -17,4 +17,4 @@
</x-header.header-right> </x-header.header-right>
</div> </div>
</div> </div>
resources/views/components/layouts/app.blade.php
+3 -3
View File
@@ -12,7 +12,7 @@
<link rel="preconnect" href="https://fonts.bunny.net"> <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=figtree:400,500,600&display=swap" rel="stylesheet" />
<link href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap" rel="stylesheet" /> <link href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap" rel="stylesheet" />
<!-- Scripts --> <!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js']) @vite(['resources/css/app.css', 'resources/js/app.js'])
@@ -22,7 +22,7 @@
<title>{{ $title . ' | ' . config('app.name') ?? config('app.name') }}</title> <title>{{ $title . ' | ' . config('app.name') ?? config('app.name') }}</title>
</head> </head>
<body class="font-sans antialiased bg-black "> <body class="font-sans antialiased bg-jet-100 ">
<x-navbar /> <x-navbar />
<div class="flex flex-row"> <div class="flex flex-row">
<!-- <!--
@@ -31,7 +31,7 @@
<div class="w-full">{{ $slot }}</div> <div class="w-full">{{ $slot }}</div>
</div> </div>
<x-footer /> <x-footer />
@livewireScripts @livewireScripts
@fluxScripts @fluxScripts
resources/views/components/navbar.blade.php
+41 -3
View File
@@ -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:header class="container mx-auto flex items-center">
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" /> <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: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: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.item wire:navigate icon="circle-stack" href="{{ route('filaments.index') }}">All Filaments</flux:navmenu.item>
<flux:navmenu.separator /> <flux:navmenu.separator />
<flux:navmenu.item wire:navigate icon="archive-box" href="{{ route('manufacturers.index') }}">Manufacturers</flux:navmenu.item> <flux:navmenu.item wire:navigate icon="archive-box" href="{{ route('manufacturers.index') }}">Manufacturers</flux:navmenu.item>
resources/views/livewire/dashboard.blade.php
+10
View File
@@ -1,4 +1,14 @@
<div> <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="py-12">
<div class="container mx-auto px-6"> <div class="container mx-auto px-6">
<div class="grid grid-cols-3 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-3 md:grid-cols-2 lg:grid-cols-3 gap-6">