From 967f72f080fedb6cc10714b1d91cb98d442a3a42 Mon Sep 17 00:00:00 2001 From: Daniel Date: Wed, 11 Mar 2026 11:41:47 +0100 Subject: [PATCH] Fix: Soundboard inherits global theme instead of hardcoded Discord Blurple Removed hardcoded --accent, --bg-*, --text-*, --font, --radius, --transition from .sb-app so it inherits theme vars from .hub-app[data-theme]. Keeps only soundboard-specific vars (modifiers, shadows, card sizes). Co-Authored-By: Claude Opus 4.6 --- web/src/plugins/soundboard/soundboard.css | 19 ++----------------- 1 file changed, 2 insertions(+), 17 deletions(-) diff --git a/web/src/plugins/soundboard/soundboard.css b/web/src/plugins/soundboard/soundboard.css index b608ae4..c796ce1 100644 --- a/web/src/plugins/soundboard/soundboard.css +++ b/web/src/plugins/soundboard/soundboard.css @@ -6,35 +6,20 @@ Theme Variables — Default (Discord Blurple) ──────────────────────────────────────────── */ .sb-app { - --bg-deep: #1a1810; - --bg-primary: #211e17; - --bg-secondary: #2a2620; - --bg-tertiary: #322d26; + /* Inherits all theme vars (--bg-*, --accent-*, --text-*) from .hub-app */ + --accent-glow: rgba(var(--accent-rgb), 0.45); --bg-modifier-hover: rgba(79, 84, 92, .16); --bg-modifier-active: rgba(79, 84, 92, .24); --bg-modifier-selected: rgba(79, 84, 92, .32); - --text-normal: #dbdee1; - --text-muted: #949ba4; - --text-faint: #6d6f78; - - --accent: #5865f2; - --accent-rgb: 88, 101, 242; - --accent-hover: #4752c4; - --accent-glow: rgba(88, 101, 242, .45); - --green: #23a55a; --red: #f23f42; --yellow: #f0b232; --white: #ffffff; - --font: 'DM Sans', 'Outfit', 'gg sans', 'Noto Sans', Whitney, 'Helvetica Neue', Helvetica, Arial, sans-serif; - --radius: 8px; - --radius-lg: 12px; --shadow-low: 0 1px 3px rgba(0, 0, 0, .24); --shadow-med: 0 4px 12px rgba(0, 0, 0, .32); --shadow-high: 0 8px 24px rgba(0, 0, 0, .4); - --transition: 150ms cubic-bezier(.4, 0, .2, 1); --card-size: 110px; --card-emoji: 28px;