root/gaming-hub
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Soundboard inherits global theme instead of hardcoded Discord Blurple
All checks were successful
Build & Deploy / build (push) Successful in 45s
Details
Build & Deploy / deploy (push) Successful in 4s
Details
Build & Deploy / bump-version (push) Successful in 2s
Details

Browse source 
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 <noreply@anthropic.com>
This commit is contained in:
Daniel 2026-03-11 11:41:47 +01:00
parent c9d8fac884
commit 967f72f080
1 changed files with 2 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

19
web/src/plugins/soundboard/soundboard.css
View file

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