From f3b34df5bd615f6407fb5e8a6b5940ce350200db Mon Sep 17 00:00:00 2001
From: Jonas <77726472+kobolol@users.noreply.github.com>
Date: Fri, 17 Apr 2026 23:07:06 +0200
Subject: [PATCH] Remove sidebar header and tweak global CSS

Remove static drawer title/text from Layout.vue and refine global styles: use a color-mix-based ::selection tied to --color-primary-300 for a subtler highlight, and suppress the duplicate inner focus outline on Vuetify inputs so the field frame remains the primary focus indicator. Also update codexInfo.md to document these CSS adjustments.
---
 GUI/src/Layout.vue | 2 --
 GUI/src/global.css | 7 ++++++-
 codexInfo.md       | 2 ++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/GUI/src/Layout.vue b/GUI/src/Layout.vue
index 3a51b56..0618b75 100644
--- a/GUI/src/Layout.vue
+++ b/GUI/src/Layout.vue
@@ -206,8 +206,6 @@ watch(
     >
       <div class="drawer-top">
         <p class="drawer-kicker">Navigation</p>
-        <h2 class="drawer-title">Dateiverwaltung</h2>
-        <p class="drawer-text">Ordner, Dateien und Ansichten schnell erreichen.</p>
       </div>
 
       <v-list nav density="comfortable" class="px-1">
diff --git a/GUI/src/global.css b/GUI/src/global.css
index c23c30c..b344e2b 100644
--- a/GUI/src/global.css
+++ b/GUI/src/global.css
@@ -123,7 +123,7 @@ body {
 }
 
 ::selection {
-  background-color: rgb(60 143 66 / 22%);
+  background-color: color-mix(in srgb, var(--color-primary-300) 38%, transparent);
   color: var(--color-text);
 }
 
@@ -266,6 +266,11 @@ p {
   color: var(--color-primary-600) !important;
 }
 
+/* Vuetify steuert den Fokuszustand bereits am Feld; verhindert doppelten Fokusrahmen im Input */
+.v-input .v-field :is(input, textarea, select):focus-visible {
+  outline: none !important;
+}
+
 .v-label {
   color: var(--color-text-secondary) !important;
 }
diff --git a/codexInfo.md b/codexInfo.md
index d5e1791..e055f17 100644
--- a/codexInfo.md
+++ b/codexInfo.md
@@ -94,3 +94,5 @@ Ich baue alleine neben meiner Ausbildung eine einfache self-hosted Web-App für
 - Darkmode-Fix für `GUI/src/routes/404NotFound.vue`: Heller Weiß-Gradient entfernt und auf theme-basierte Surface-Mischungen umgestellt, damit keine helle Fläche mehr im Darkmode erscheint.
 - `GUI/src/plugins/routesLayout.ts` um `Visibility.Route` und die optionale Eigenschaft `visibilityRoute` erweitert; `GUI/src/Layout.vue` zeigt Sidebar-Einträge mit `Visibility.Route` nur noch an, wenn die aktuelle Route unter dem konfigurierten Pfad liegt (z. B. `/dash` und Unterrouten).
 - In `GUI/src/plugins/routesLayout.ts` wurde ein kurzer Kommentar ergänzt, der die Nutzung von `Visibility.Public`, `Visibility.Route`, `visibilityRoute` (einzeln/mehrfach) sowie typische Szenarien für die Sidebar-Sichtbarkeit beschreibt.
+- Fokusdarstellung in `GUI/src/global.css` für Vuetify-Inputs verbessert: Der doppelte grüne Fokusrahmen (zusätzlicher `focus-visible`-Outline im inneren `<input>`) wird unterdrückt; der Fokus bleibt über den Feldrahmen klar sichtbar.
+- Textauswahl (`::selection`) in `GUI/src/global.css` von kräftigem Grün auf eine subtilere Primär-Tönung reduziert, damit markierte Inhalte ruhiger wirken.