release: 4.6.131 .clip-modal-duration-value.invalid modifier

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.130",
+  "version": "4.6.131",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.130",
+      "version": "4.6.131",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.130",
+  "version": "4.6.131",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/renderer.ts

@@ -1288,13 +1288,11 @@ function updateClipDuration(): void {
     const duration = endSec - startSec;
     const durationDisplay = byId('clipDurationDisplay');
 
-    if (duration > 0) {
-        durationDisplay.textContent = formatSecondsToTime(duration);
-        durationDisplay.style.color = '#00c853';
-    } else {
-        durationDisplay.textContent = UI_TEXT.clips.invalidDuration;
-        durationDisplay.style.color = '#ff4444';
-    }
+    const isValid = duration > 0;
+    durationDisplay.classList.toggle('invalid', !isValid);
+    durationDisplay.textContent = isValid
+        ? formatSecondsToTime(duration)
+        : UI_TEXT.clips.invalidDuration;
 
     updateFilenameExamples();
 }

src/styles.css

@@ -318,12 +318,18 @@ body {
 }
 
 .clip-modal-duration-value {
-    color: #00c853;
+    color: var(--success);
     font-weight: 600;
     font-family: 'Consolas', 'Segoe UI Mono', monospace;
     font-size: 14px;
 }
 
+/* updateClipDuration flips this class when end <= start so the value
+   reads as a clear "Ungueltig!" / error message in red. */
+.clip-modal-duration-value.invalid {
+    color: var(--error);
+}
+
 .clip-modal-hint {
     color: var(--text-secondary);
     font-size: 12px;