From 9a161bbe425d7404e54777a5eb9083e16eb4ac94 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 01:10:33 +0100
Subject: [PATCH] fix: reduce background opacity to 50% for subtler appearance
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed background from bg-card to bg-card/50 for both TrackControls
and MasterControls to make the border more prominent.

🤖 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 7f97ced..fd05e6f 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/20 border-2 border-accent/50 rounded-lg',
+      'flex flex-col items-center gap-3 px-4 py-3 bg-card/50 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Master Label */}
diff --git a/components/tracks/TrackControls.tsx b/components/tracks/TrackControls.tsx
index 97c1831..bae6522 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/20 border-2 border-accent/50 rounded-lg',
+      'flex flex-col items-center justify-between h-full px-3 py-2 bg-card/50 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Pan Control - Top */}