Improves Soundcloud's design by enhancing the default style, changing the style, and increasing the focus on a glassmorphism style with orange accents.
- Dynamic Gradient Background: Extracts and applies album/track artwork gradients as the page background
- Glassmorphism UI: Adds blur effects and translucent backgrounds to controls and headers
- Orange Accent Theme: Custom orange color scheme throughout the interface
- Animated Background Elements: Subtle animated gradient circles when no artwork is available
- Profile Header Enhancement: Redesigned profile pages with full-width header and improved spacing
- Streamlined Interface: Removes clutter (sidebar modules, mobile app banners, upsells)
- Enhanced Buttons: Styled like/share/repost buttons with hover effects
- Improved Track Lists: Hover animations and better visual hierarchy
- Cross-browser Compatibility: Works on Chrome, Firefox, Edge, Safari, Brave, and more
- Install the Tampermonkey extension for your browser.
- Install from Greasy Fork or create a new script and paste the contents of
script.js. - Save the script and navigate to Soundcloud.
- Install a userscript manager (Tampermonkey, Violentmonkey, or Greasemonkey).
- Create a new script and copy the entire contents of
script.js. - Save and visit Soundcloud.
- Install a userscript manager.
- Copy the raw content from the latest release.
- Create a new script and paste the code.
- Install the script and visit Soundcloud.
- The design enhancements apply automatically to all pages.
- Navigate to any track, playlist, or profile to see the glassmorphism effects.
- The background gradient changes dynamically based on the current track artwork.
| Profile | Music |
|---|---|
![]() |
![]() |
The script monitors Soundcloud's DOM for artwork buffers and extracts their gradient backgrounds to apply them to the entire page. When no artwork is available, it falls back to a dark theme with animated orange gradient circles. All UI elements are enhanced with CSS backdrop filters for the glassmorphism effect.
MIT License - see LICENSE file for details.
