Compare commits

..
3 Commits
Author SHA1 Message Date
Cormac Shannon b9a593946f make it look shit 2025-12-21 20:26:54 +00:00
Cormac Shannon cda2e3616d red 2025-12-21 20:24:49 +00:00
Cormac Shannon 78c03b873e Purple 2025-12-21 20:23:22 +00:00
2 changed files with 26 additions and 33 deletions

No files matched your search

+19 -26
View File
@@ -1,28 +1,19 @@
# Jessi Discord Theme
#### A purple fork of [Spotify Discord](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Spotify-Discord) by CapnKitten
# 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>
This fork keeps the original Spotify Discord theme and swaps the green accent for a soft purple:
Current version: v2.0.0 (18/10/2023)
```css
--accent-hue: 300;
--accent-saturation: 25.68%;
--accent-lightness: 70.98%;
/* hsl(300, 25.68%, 70.98%) */
[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
```
## Install
#### Vencord / Vesktop
Open **Settings → Themes → Online Themes** and add this link:
https://capnkitten.github.io/BetterDiscord/Themes/Spotify-Discord/css/source.css
```
https://git.nik.ie/nik/Jessi_Discord_Theme/raw/branch/master/Spotify-Discord.theme.css
```
#### BetterDiscord
Download [Spotify-Discord.theme.css](https://git.nik.ie/nik/Jessi_Discord_Theme/raw/branch/master/Spotify-Discord.theme.css) and put it in your BetterDiscord themes folder.
The theme file only holds the color settings. It imports the main styles from the original theme, so updates to upstream come through automatically.
<hr>
@@ -30,7 +21,7 @@ This theme works best with the plugin called [SpotifyControls](https://github.co
## Previews
(Previews are from the original theme and show its green accent.)
(Previews are subject to be out of date)
#### Main chat area
@@ -54,9 +45,11 @@ To change the title bar color for specific servers, use the code template below
}
```
## Credits
All of the theme's design and source styles are by [CapnKitten](https://github.com/CapnKitten). If you like the theme, support the original author:
[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
[paypal-url]: https://paypal.me/capnkitten
- [Donate on PayPal](https://paypal.me/capnkitten)
- [Sponsor on GitHub](https://github.com/sponsors/CapnKitten)
- [Join the Discord server](https://discord.gg/jzJkA6Z)
[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
+7 -7
View File
@@ -14,8 +14,8 @@
:root {
/* APP BACKGROUND COLORS */
--app-background: hsl(0,0%,0%);
--app-foreground: hsl(0,0%,7%);
--app-background: hsl(0, 100%, 50%);
--app-foreground: hsl(248, 100%, 73%);
/* APP CARD SETTINGS */
--app-card-radius: 8px;
@@ -28,13 +28,13 @@
/* HEADER BAR SETTINGS */
--header-bar-height: 56px;
--header-bar-color: hsl(0,0%,13%);
--header-bar-color: hsl(141, 67%, 24%);
/* ACCENT HSL AND TEXT COLOR SETTINGS */
/* hsl(300, 25.68%, 70.98%) */
--accent-hue: 300;
--accent-saturation: 25.68%;
--accent-lightness: 70.98%;
/* --accent-hue: 141; */
--accent-hue: hsl(300, 25.68%, 70.98%);
--accent-saturation: 72.9%;
--accent-lightness: 42%;
--accent-text-color: hsl(0,0%,6%);
/* ALERT HSL AND TEXT COLOR SETTINGS*/