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 ``) 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.