KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #dsh #dsh-plugin #ai-agent #codex #ai-agents #deepseek-harness #claude-code #cli #react #mcp

Spotify-Discord

★ 116 Open GitHub ↗

Combine Discord and Spotify into one

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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)
<br>
[View source files](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Spotify-Discord)

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

Spotify-Discord

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README