From 6e041bc68e4cc6fcc209dd7a60569e5e66f65ace Mon Sep 17 00:00:00 2001
From: sudacode <suda@sudacode.com>
Date: Mon, 30 Mar 2026 01:46:53 -0700
Subject: [PATCH] style: fix modal background colors to use Catppuccin
 Macchiato values
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Playlist browser outer container: Base (#24273a) → Mantle (#1e2030)
  gradient instead of near-black values
- Playlist browser panes: Surface0 (#363a4f) → Base gradient for visible
  layering against the outer background
- Playlist browser list: Mantle (#1e2030) instead of near-black (#0c0e18)
---
 src/renderer/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/style.css b/src/renderer/style.css
index 0dedd35..0e6fb3b 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -408,7 +408,7 @@ body {
   padding: 18px 18px 16px;
   background:
     radial-gradient(circle at top left, rgba(138, 173, 244, 0.13), transparent 28%),
-    linear-gradient(180deg, rgba(28, 31, 49, 0.985), rgba(16, 18, 31, 0.985));
+    linear-gradient(180deg, rgba(36, 39, 58, 0.985), rgba(30, 32, 48, 0.985));
   border-color: rgba(138, 173, 244, 0.24);
   box-shadow:
     0 28px 80px rgba(0, 0, 0, 0.42),
@@ -454,7 +454,7 @@ body {
   border-radius: 16px;
   border: 1px solid rgba(110, 115, 141, 0.16);
   background:
-    linear-gradient(180deg, rgba(22, 24, 39, 0.9), rgba(14, 16, 28, 0.92));
+    linear-gradient(180deg, rgba(54, 58, 79, 0.55), rgba(36, 39, 58, 0.6));
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
 }
 
@@ -474,7 +474,7 @@ body {
   overflow-y: auto;
   border-radius: 12px;
   border: 1px solid rgba(110, 115, 141, 0.14);
-  background: rgba(12, 14, 24, 0.56);
+  background: rgba(30, 32, 48, 0.5);
 }
 
 .playlist-browser-row {