From a2cef6cc6e3f5684e43ac3d1bae45d55e2b5f9fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 18:19:38 +0100
Subject: [PATCH] refactor: remove waveform color setting to preserve dynamic
 coloring
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Removed waveformColor from UISettings interface
- Removed waveform color picker from Interface settings tab
- Preserves dynamic per-track waveform coloring system
- Cleaner settings UI with one less option

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/settings/GlobalSettingsDialog.tsx | 23 --------------------
 lib/hooks/useSettings.ts                     |  2 --
 2 files changed, 25 deletions(-)

diff --git a/components/settings/GlobalSettingsDialog.tsx b/components/settings/GlobalSettingsDialog.tsx
index b099970..714a40c 100644
--- a/components/settings/GlobalSettingsDialog.tsx
+++ b/components/settings/GlobalSettingsDialog.tsx
@@ -375,29 +375,6 @@ export function GlobalSettingsDialog({
                   </p>
                 </div>
 
-                {/* Waveform Color */}
-                <div className="space-y-2">
-                  <label className="text-sm font-medium">Waveform Color</label>
-                  <div className="flex gap-2 items-center">
-                    <input
-                      type="color"
-                      value={settings.ui.waveformColor}
-                      onChange={(e) => onUISettingsChange({ waveformColor: e.target.value })}
-                      className="h-10 w-20 rounded border border-border cursor-pointer"
-                    />
-                    <input
-                      type="text"
-                      value={settings.ui.waveformColor}
-                      onChange={(e) => onUISettingsChange({ waveformColor: e.target.value })}
-                      className="flex-1 px-3 py-2 bg-background border border-border rounded text-sm font-mono"
-                      placeholder="#3b82f6"
-                    />
-                  </div>
-                  <p className="text-xs text-muted-foreground">
-                    Default color for new track waveforms.
-                  </p>
-                </div>
-
                 {/* Font Size */}
                 <div className="space-y-2">
                   <label className="text-sm font-medium">Font Size</label>
diff --git a/lib/hooks/useSettings.ts b/lib/hooks/useSettings.ts
index e630620..77c75fc 100644
--- a/lib/hooks/useSettings.ts
+++ b/lib/hooks/useSettings.ts
@@ -10,7 +10,6 @@ export interface AudioSettings {
 
 export interface UISettings {
   theme: 'dark' | 'light' | 'auto';
-  waveformColor: string;
   fontSize: 'small' | 'medium' | 'large';
   defaultTrackHeight: number; // 120-400px
 }
@@ -45,7 +44,6 @@ const DEFAULT_SETTINGS: Settings = {
   },
   ui: {
     theme: 'dark',
-    waveformColor: '#3b82f6', // blue-500
     fontSize: 'medium',
     defaultTrackHeight: 400,
   },