From 5c8591497473756b32d58ac0b26757fa80c99665 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 01:07:52 +0100
Subject: [PATCH] fix: increase border and background opacity for better
 visibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Increased opacity for both TrackControls and MasterControls:
- bg-muted/10 → bg-muted/20 (background)
- border-accent/30 → border-accent/50 (border)

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/controls/MasterControls.tsx | 2 +-
 components/tracks/TrackControls.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/controls/MasterControls.tsx b/components/controls/MasterControls.tsx
index 3c4adca..7f97ced 100644
--- a/components/controls/MasterControls.tsx
+++ b/components/controls/MasterControls.tsx
@@ -36,7 +36,7 @@ export function MasterControls({
 }: MasterControlsProps) {
   return (
     <div className={cn(
-      'flex flex-col items-center gap-3 px-4 py-3 bg-muted/10 border-2 border-accent/30 rounded-lg',
+      'flex flex-col items-center gap-3 px-4 py-3 bg-muted/20 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Master Label */}
diff --git a/components/tracks/TrackControls.tsx b/components/tracks/TrackControls.tsx
index bdbe469..97c1831 100644
--- a/components/tracks/TrackControls.tsx
+++ b/components/tracks/TrackControls.tsx
@@ -57,7 +57,7 @@ export function TrackControls({
 }: TrackControlsProps) {
   return (
     <div className={cn(
-      'flex flex-col items-center justify-between h-full px-3 py-2 bg-muted/10 border-2 border-accent/30 rounded-lg',
+      'flex flex-col items-center justify-between h-full px-3 py-2 bg-muted/20 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Pan Control - Top */}