From a4931d3ec08b6e6be198d1ce22780978fad43833 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Tue, 19 May 2026 04:27:53 +0200
Subject: [PATCH] =?UTF-8?q?release:=205.0.9=20=E2=80=94=20Dark-theme=20fue?=
 =?UTF-8?q?r=20.form-stack=20und=20.input-narrow=20Inputs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Inputs/Selects in .form-stack Containern (Auto-Cleanup: Tage-Schwelle,
Bereich, Aktion) und bare .input-narrow Inputs (Auto-VOD: Poll-Intervall,
Max. Alter) hatten OS-default-weisse Backgrounds — die existierende
.form-group-Regel matched die Selektoren nicht.

Fix: .form-stack-Selektoren parallel zu .form-group hinzugefuegt, und
.input-narrow stylt sich jetzt selbst (background-color + border +
hover/focus state) damit auch bare Inputs ohne wrapper consistent
aussehen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 package-lock.json |  4 ++--
 package.json      |  2 +-
 src/styles.css    | 39 +++++++++++++++++++++++++++++++++++----
 3 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 23835af..c68c41a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "5.0.8",
+  "version": "5.0.9",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "5.0.8",
+      "version": "5.0.9",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.16.1",
diff --git a/package.json b/package.json
index aa11d8e..c340e05 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "5.0.8",
+  "version": "5.0.9",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",
diff --git a/src/styles.css b/src/styles.css
index 083142b..6b8ca26 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1760,7 +1760,10 @@ select option {
     margin-bottom: 6px;
 }
 
-.form-group input:not([type="checkbox"]):not([type="radio"]), .form-group select {
+.form-group input:not([type="checkbox"]):not([type="radio"]),
+.form-group select,
+.form-stack input:not([type="checkbox"]):not([type="radio"]),
+.form-stack select {
     width: 100%;
     /* background-color (nicht background shorthand) — sonst wuerden
        background-image (Chevron-SVG), background-repeat, background-size
@@ -1774,13 +1777,18 @@ select option {
     font-size: 14px;
 }
 
-.form-group input:not([type="checkbox"]):not([type="radio"]):focus, .form-group select:focus {
+.form-group input:not([type="checkbox"]):not([type="radio"]):focus,
+.form-group select:focus,
+.form-stack input:not([type="checkbox"]):not([type="radio"]):focus,
+.form-stack select:focus {
     outline: none;
     border-color: var(--accent);
 }
 
 .form-group input:not([type="checkbox"]):not([type="radio"]):disabled,
-.form-group select:disabled {
+.form-group select:disabled,
+.form-stack input:not([type="checkbox"]):not([type="radio"]):disabled,
+.form-stack select:disabled {
     opacity: 0.55;
     cursor: not-allowed;
     color: rgba(239, 239, 241, 0.7);
@@ -2335,9 +2343,32 @@ select option {
 
 /* Compact-width input — used for the Auto-VOD poll/age inputs where
    the values are 2-3 digits and a full-width input would look odd
-   alongside their inline sublabels. */
+   alongside their inline sublabels. Stylt sich selbst mit dark-theme
+   weil es direkt in einer .form-row sitzt (kein .form-group / .form-stack
+   Wrapper, der das styling sonst beistellt). */
 .input-narrow {
     width: 90px;
+    background-color: var(--bg-main);
+    border: 1px solid rgba(255,255,255,0.1);
+    border-radius: 4px;
+    padding: 8px 10px;
+    color: var(--text);
+    font-size: 14px;
+}
+
+.input-narrow:focus {
+    outline: none;
+    border-color: var(--accent);
+    box-shadow: 0 0 0 3px rgba(145, 70, 255, 0.18);
+}
+
+.input-narrow:hover:not(:focus):not(:disabled) {
+    border-color: rgba(145, 70, 255, 0.45);
+}
+
+.input-narrow:disabled {
+    opacity: 0.55;
+    cursor: not-allowed;
 }
 
 /* Block-level note text — same colour as .form-sublabel but reserved