From 7e9262d2b4ddc23eb5a1d9c9252c80e350ce657e Mon Sep 17 00:00:00 2001
From: khannurien <yo@vincentlannurien.com>
Date: Sat, 19 Sep 2026 20:10:53 +0000
Subject: [PATCH] v3: smooth keeps its uppercase accent-pill tabs and flat,
 borderless cards

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/App.css           | 4 ++--
 src/themes/smooth.css | 9 +--------
 src/tokens.css        | 1 +
 3 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/App.css b/src/App.css
index a63b0db9..2e0cc251 100644
--- a/src/App.css
+++ b/src/App.css
@@ -3356,7 +3356,7 @@ body.has-player .chat-fab {
 /* ── Shared card skin (dump-card + playlist-card) ── */
 .dump-card,
 .playlist-card {
-  border: var(--border-width) solid var(--color-border);
+  border: var(--border-width) solid var(--card-border);
   border-radius: var(--radius-xl);
   background: var(--color-surface);
   box-shadow: var(--card-shadow);
@@ -5255,7 +5255,7 @@ body.has-player .chat-fab {
   position: relative;
   display: flex;
   flex-direction: column;
-  border: var(--border-width) solid var(--color-border);
+  border: var(--border-width) solid var(--card-border);
   border-radius: var(--radius-xl);
   background: var(--color-surface);
   overflow: hidden;
diff --git a/src/themes/smooth.css b/src/themes/smooth.css
index b8a5bdf3..09d1eaf9 100644
--- a/src/themes/smooth.css
+++ b/src/themes/smooth.css
@@ -85,18 +85,11 @@
 
   /* Component skins */
   --header-bg: var(--color-bg);
-  --card-shadow: var(--shadow-1);
-  --panel-ring: inset 0 0 0 1px var(--color-border);
-  --card-hover-border: color-mix(in srgb, var(--color-text) 24%, transparent);
   --input-focus-bg: var(--color-surface);
   --overlay-filter: blur(3px);
   --modal-border: var(--color-border);
+  --card-border: transparent;
   --tab-border: transparent;
-  --tab-active-bg: var(--color-accent-soft);
-  --tab-active-fg: var(--color-accent);
-  --tab-active-border: transparent;
-  --tab-text-transform: none;
-  --tab-tracking: 0;
   --btn-primary-shadow: var(--shadow-1);
   --btn-primary-shadow-hover: var(--shadow-1);
 }
diff --git a/src/tokens.css b/src/tokens.css
index 37a24f1f..fb2312d3 100644
--- a/src/tokens.css
+++ b/src/tokens.css
@@ -111,6 +111,7 @@
   /* ── Component skins ──
      Knobs for the handful of treatments themes disagree on. */
   --header-bg: var(--color-surface);
+  --card-border: var(--color-border);
   --card-shadow: 0 0 #0000;
   --panel-ring: 0 0 #0000;
   --card-hover-border: var(--color-accent);