Rebrand Hub+Flux

resources/css/portal.css

@@ -141,6 +141,32 @@
     color: var(--color-hub);
 }
 
+/* Dark Mode: --color-bg ist DUNKLER als die Sidebar (--color-bg-elev),
+   ein Hover damit würde das Item „eindrücken" statt hervorheben. Im Dark
+   Mode nutzen wir deshalb das dezente Hub-Soft (`#1f2a47`) — selbe
+   Farbfamilie wie der Active-State, nur ohne Active-Strip. */
+.dark [data-flux-navlist-item]:hover {
+    background: var(--color-hub-soft);
+    color: var(--color-hub);
+}
+
+/* Klick/Focus/Tap-Highlight: konsistent mit Hub-Soft (statt browser-
+   default weißem Tap-Flash oder Flux's `bg-zinc-800/5`). Verhindert das
+   weiße Aufblitzen beim wire:navigate-Klick im Dark Mode. */
+[data-flux-navlist-item]:active,
+[data-flux-navlist-item]:focus {
+    background: var(--color-hub-soft);
+    color: var(--color-hub);
+    outline: none;
+}
+[data-flux-navlist-item] {
+    -webkit-tap-highlight-color: transparent;
+}
+[data-flux-navlist-item]:focus-visible {
+    outline: 2px solid var(--color-hub);
+    outline-offset: -2px;
+}
+
 [data-flux-navlist-item][data-current="true"],
 [data-flux-navlist-item][aria-current="page"],
 [data-flux-navlist-item].active {