Fix: add backwards-compat CSS aliases for removed variable names

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
This commit is contained in:
Claude 2026-07-13 22:20:08 +00:00
parent 2411fc5b99
commit ad3da57174

View file

@ -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;