changed colorset

2025-04-22 15:02:23 +02:00
parent 98bd3ec660
commit 07114a53c6
6 changed files with 672 additions and 559 deletions
@@ -12,9 +12,41 @@
    Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

-    --color-accent: var(--color-orange-500);
-    --color-accent-content: var(--color-orange-500);
-    --color-accent-foreground: var(--color-white);
+  --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-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-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);
 }

 /*
@@ -35,14 +67,6 @@
  }
 }

-@layer theme {
-  .dark {
-      --color-accent: var(--color-orange-500);
-      --color-accent-content: var(--color-orange-400);
-      --color-accent-foreground: var(--color-white);
-  }
-}
-
 [x-cloak] {
    display: none;
 }
@@ -1,6 +1,6 @@
-<section>
-  <div class="container mx-auto pt-4 pb-12">
-    <p class="text-center text-zinc-400 dark:text-zinc-500">
+<section class="border-t border-blackout-950">
+  <div class="container mx-auto py-12">
+    <p class="text-center text-zinc-400 text-sm">
      &copy; {{ now()->year }} {{ config('app.name') }}. All rights reserved.
    </p>
  </div>
@@ -22,11 +22,14 @@

        <title>{{ $title . ' | ' . config('app.name') ?? config('app.name') }}</title>
    </head>
-    <body class="font-sans antialiased bg-zinc-200 text-zinc-700">
+    <body class="font-sans antialiased bg-black ">
        <x-navbar />
-        
-        {{ $slot }}
-        
+        <div class="flex flex-row">
+            <!--
+            <x-sidenav />
+            -->
+            <div class="w-full">{{ $slot }}</div>
+        </div>
        <x-footer />
        
        @livewireScripts
@@ -0,0 +1,3 @@
+<div class="w-1/5 border-r border-blackout-950 p-12 h-full">
+  <h1>Sidebar</h1>
+</div>