/Spotify-Discord

Combine Discord and Spotify into one

Primary LanguageCSS

Spotify Discord Theme - Paypal GitHub Discord

Combine Discord and Spotify into one

Current version: v1.4.2 (26/02/2021)

BetterDiscord download
View add-on themes

Vencord link

https://capnkitten.github.io/BetterDiscord/Themes/Spotify-Discord/css/source.css

This theme works best with the plugin called SpotifyControls by DevilBro. To get it up and working, make sure your Spotify account is linked to your Discord account then download the plugin here or from the plugin repo.

Previews

(Previews are subject to be out of date)

Main chat area

discord_101

User server info

discord_102

User info popout

discord_103

User settings

discord_104

discord_105

Custom server title bar colors

To change the title bar color for specific servers, you must download the redesign add-on theme file here, and place the code below in the add-on theme file or your custom CSS and change the server name and hex color code to your liking.

.container-3w7J-x[aria-label*="SERVER_NAME"]:before {
  --title-custom: #3b77c4;
}

Variables

  • --input-color - The background color for the input and textarea elements
  • --input-text-color - The text color for the input and textarea elements
  • --input-placeholder-color - The placeholder text color for the input and textarea elements