64 lines
2.8 KiB
Markdown
64 lines
2.8 KiB
Markdown
# 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: v1.4.2 (26/02/2021)
|
|
|
|
[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
|
|
|
|
|
|
|
|
#### User server info
|
|
|
|
|
|
|
|
#### User info popout
|
|
|
|
|
|
|
|
#### User settings
|
|
|
|
|
|
|
|
|
|
|
|
## Custom server title bar colors
|
|
To change the title bar color for specific servers, you must download the redesign add-on theme file [here](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Spotify-Discord/css/addons/redesign), 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.
|
|
```css
|
|
.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
|
|
|
|
[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
|