🗑️ Remove unused postcss.config.js and streamline sidebar navigation with updated Blade components

✨ Add `:currentRoute` prop bindings and update Tailwind configuration for enhanced theme customization

postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

resources/css/app.css

@@ -1,8 +1,114 @@
-@import 'tailwindcss';
-@import '../../vendor/livewire/flux/dist/flux.css';
+@import "tailwindcss";
+@import "../../vendor/livewire/flux/dist/flux.css";
+
+/* ----------------------------------------
+   CONTENT SCANNING (Tailwind v4 CSS-first)
+   Keep paths MINIMAL and NON-RECURSIVE
+----------------------------------------- */
+@source "../views/**/*.blade.php";
+@source "../js/**/*.js";
+
+/* Flux runtime templates ONLY (no stubs) */
+@source "../../vendor/livewire/flux/dist/**/*.blade.php";
+
+/* ----------------------------------------
+   Custom variants
+----------------------------------------- */
 @custom-variant dark (&:where(.dark, .dark *));
 
-/* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */
+/* ----------------------------------------
+   Theme tokens
+----------------------------------------- */
+@theme {
+    --font-sans: "Inconsolata", monospace;
+
+    --color-zinc-50: var(--color-neutral-50);
+    --color-zinc-100: var(--color-neutral-100);
+    --color-zinc-200: var(--color-neutral-200);
+    --color-zinc-300: var(--color-neutral-300);
+    --color-zinc-400: var(--color-neutral-400);
+    --color-zinc-500: var(--color-neutral-500);
+    --color-zinc-600: var(--color-neutral-600);
+    --color-zinc-700: var(--color-neutral-700);
+    --color-zinc-800: var(--color-neutral-800);
+    --color-zinc-900: var(--color-neutral-900);
+    --color-zinc-950: var(--color-neutral-950);
+
+    --color-accent: var(--color-neutral-800);
+    --color-accent-content: var(--color-neutral-800);
+    --color-accent-foreground: var(--color-white);
+}
+
+/* ----------------------------------------
+   Dark mode overrides
+----------------------------------------- */
+@layer theme {
+    .dark {
+        --color-accent: var(--color-white);
+        --color-accent-content: var(--color-white);
+        --color-accent-foreground: var(--color-neutral-800);
+    }
+}
+
+/* ----------------------------------------
+   Base layer tweaks
+----------------------------------------- */
+@layer base {
+    *,
+    ::after,
+    ::before,
+    ::backdrop,
+    ::file-selector-button {
+        border-color: var(--color-gray-200, currentColor);
+    }
+
+    button {
+        @apply cursor-pointer;
+    }
+}
+
+/* ----------------------------------------
+   Alpine.js helpers
+----------------------------------------- */
 [x-cloak=""] {
     display: none;
 }
+
+@media screen and (max-width: theme(screens.lg)) {
+    [x-cloak="lg"] {
+        display: none;
+    }
+}
+
+/* ----------------------------------------
+   Flux UI helpers
+----------------------------------------- */
+[data-flux-field]:not(ui-radio, ui-checkbox) {
+    @apply grid gap-2;
+}
+
+[data-flux-label] {
+    @apply !mb-0 !leading-tight;
+}
+
+input:focus[data-flux-control],
+textarea:focus[data-flux-control],
+select:focus[data-flux-control] {
+    @apply outline-hidden ring-2 ring-accent ring-offset-2 ring-offset-accent-foreground;
+}
+
+/* ----------------------------------------
+   Leaflet overrides
+----------------------------------------- */
+.leaflet-popup-content-wrapper {
+    background-color: #404040 !important;
+}
+
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out {
+    background-color: #404040 !important;
+}
+
+.leaflet-container a {
+    color: unset !important;
+}

resources/views/components/layout/sidebar.blade.php

@@ -60,13 +60,9 @@ new class extends Component {
 
         <!-- Links -->
         <div class="space-y-8">
-            {{--@include('components.layouts.navigation.meetups')--}}
-            @include('components.layouts.navigation.association')
-            {{--@include('components.layouts.navigation.events')
-            @include('components.layouts.navigation.courses')
-            @include('components.layouts.navigation.nostr')
-            @include('components.layouts.navigation.legacy')--}}
-            @include('components.layouts.navigation.admin')
+            @dd($currentRoute)
+            <x-layouts.navigation.association :currentRoute="$currentRoute"/>
+            <x-layouts.navigation.admin :currentRoute="$currentRoute"/>
         </div>
 
         <!-- Expand / collapse button -->

resources/views/components/layouts/navigation/admin.blade.php

@@ -1,4 +1,12 @@
-<!-- Admin group -->
+@props([
+    'currentRoute',
+])
+@php
+    $isCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0 bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/12 dark:from-orange-500/24 to-orange-500/4';
+    $isNotCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0';
+    $isCurrentSubItem = 'block text-orange-500 transition truncate';
+    $isNotCurrentSubItem = 'block text-gray-500/90 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition truncate';
+@endphp
 <div>
     <h3 class="text-xs uppercase text-gray-400 dark:text-gray-500 font-semibold pl-3">
                         <span class="hidden lg:block lg:sidebar-expanded:hidden 2xl:hidden text-center w-6"

resources/views/components/layouts/navigation/association.blade.php

@@ -1,4 +1,6 @@
-<!-- Association group -->
+@props([
+    'currentRoute',
+])
 <div>
     <h3 class="text-xs uppercase text-gray-400 dark:text-gray-500 font-semibold pl-3">
                         <span class="hidden lg:block lg:sidebar-expanded:hidden 2xl:hidden text-center w-6"

resources/views/layouts/app.blade.php

@@ -4,14 +4,11 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     {!! seo($seo ?? null) !!}
-
     <title>{{ $title ?? 'Page Title' }}</title>
-    @livewireStyles
-    @stack('scripts')
-    @vite(['resources/js/app.js','resources/css/app.css'])
-    @googlefonts
     <script src="https://kit.fontawesome.com/866fd3d0ab.js" crossorigin="anonymous"></script>
-    @include('components.layouts.partials.styles')
+    @googlefonts
+    @vite(['resources/js/app.js','resources/css/app.css'])
+    @livewireStyles
     @fluxAppearance
 </head>
 <body class="min-h-screen bg-white dark:bg-zinc-800 antialiased"
@@ -79,7 +76,7 @@
                 <flux:sidebar.item icon="hand-heart" :href="route('association.projectSupport')" :current="request()->routeIs('association.projectSupport')">Projekt-Unterstützungen</flux:sidebar.item>
             @endif
 
-            @include('components.layouts.navigation.admin')
+            <x-layouts.navigation.admin :currentRoute="request()->route()->getName()"/>
         </flux:sidebar.nav>
     </flux:sidebar>