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;