xRangerDEandClaude Opus 4.7
0df8bf357d
Two interrelated changes shipped together. Clip-cutter modal cleanup. The "VOD zuschneiden" modal was the last big surface still painted in the apps PRE-purple colour palette: hardcoded #2b2b2b modal bg, #E5A00D orange title, #1a1a1a slider tracks (already overridden by the global rule but inline-styles still sat there), #333 input bgs, #444 borders, plain "white" text, #888 labels, #aaa radio labels. All of it inline. The result: opening the clip dialog was visually jumping back two themes. Extracted everything to class-based styles using var() colours: - .clip-modal* family of classes for layout - Title now uses var(--text), no orange - Inputs use var(--bg-elevated) + var(--border-soft) and pick up the global focus ring automatically - The duration display ("Dauer: 00:01:00") now sits in a small green-tinted card to make it visually distinct from the input rows around it - Radio labels go through a unified .clip-radio-row with a hover background tint, and the :has(input:checked) selector swaps the label text colour + weight when a radio is selected Global radio button styling. The clip modal had four radio buttons that were the only non-OS-themed control left in the app. Custom .appearance:none + ::after-driven dot styling matching the new checkbox visual: 16px circle, 1.5px border, hover purple tint, checked fills the inner circle with the accent colour + a soft purple shadow, focus-visible has the same 3px purple ring as every other form control. Cascades globally so any future radio gets the treatment for free. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>