From ad3da571748f741af453ef55d28c93db8ce02376 Mon Sep 17 00:00:00 2001
From: Claude <claude@littlefake.com>
Date: Mon, 13 Jul 2026 22:20:08 +0000
Subject: [PATCH] Fix: add backwards-compat CSS aliases for removed variable
 names
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Theme overhaul removed --surface, --surface-2, --border, --r-md but
SettingsIntegrations.jsx and other pages still reference them. Cards
were rendering but invisible (transparent background/border).

Added aliases: --surface/--surface-2 → --card, --border → --card-border,
--r-md → --r
---
 frontend/src/index.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index e33d9b7..a055155 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -41,6 +41,12 @@
   --r-lg: 12px;
   --r-full: 999px;
 
+  /* Backwards-compat aliases */
+  --surface: var(--card);
+  --surface-2: var(--card);
+  --border: var(--card-border);
+  --r-md: var(--r);
+
   --font: 'Instrument Sans', -apple-system, sans-serif;
   --font-display: 'Instrument Sans', -apple-system, sans-serif;
   --font-mono: 'IBM Plex Mono', monospace;