# Spotify Discord Theme - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Discord][discord-logo]][discord-url]
#### Combine Discord and Spotify into one
<hr>

Current version: v2.0.0 (18/10/2023)

[BetterDiscord download](https://betterdiscord.app/theme/Spotify%20Discord)
<br>
[View add-on themes](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Spotify-Discord/css/addons)

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

<hr>

This theme works best with the plugin called [SpotifyControls](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/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](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/SpotifyControls) or from the plugin repo.

## Previews

(Previews are subject to be out of date)

#### Main chat area

![discord_201](https://github.com/CapnKitten/Spotify-Discord/assets/4013216/b182452c-785d-42b2-9115-361faace562e)

#### User info popout

![discord_202](https://github.com/CapnKitten/Spotify-Discord/assets/4013216/c67b6d2d-71ea-47fd-a972-68ca620c5c08)

#### User settings

![discord_203](https://github.com/CapnKitten/Spotify-Discord/assets/4013216/19c44b12-1bc7-45b8-b333-2fd7843999cd)

![discord_204](https://github.com/CapnKitten/Spotify-Discord/assets/4013216/99f6d683-6837-456b-9a1a-7fa5e9a17b1a)

## Custom server title bar colors
To change the title bar color for specific servers, use the code template below and place it in your custom CSS and change the server name and HSL color code to your liking.
```css
.container-1NXEtd[aria-label*="SERVER_NAME"] {
  --header-bar-color: hsl(212,70%,31%);
}
```

[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
[paypal-url]: https://paypal.me/capnkitten

[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black
[github-url]: https://github.com/sponsors/CapnKitten

[discord-logo]: https://img.shields.io/static/v1?label=Discord&message=Server&style=flat&logo=discord&color=blue
[discord-url]: https://discord.gg/jzJkA6Z