A vibrant neon synthwave Discord theme.
Without background | With background |
---|---|
- Download
Synthesis.theme.css
: - Place the file in the themes folder:
Settings
>BetterDiscord
>Themes
>Open Themes Folder
- Toggle on the theme card.
- Click to install:
- Download
net.saltssaumure.Synthesis.asar
: - Place the file in the themes folder:
Settings
>Replugged
>Themes
>Open Themes Folder
- Click
Load Missing Themes
and toggle on the theme card.
- Download
Synthesis.theme.css
: - Place the file in the themes folder:
Settings
>Vencord
>Themes
>Local Themes
>Open Themes Folder
- Click
Load missing Themes
and toggle on the theme card.
- Paste the link in
Settings
>Vencord
>Themes
>Online Themes
:https://saltssaumure.github.io/synthesis-discord-theme/Synthesis.theme.css
Description | Variable name | Valid values | Default value |
---|---|---|---|
Background image | --synth-background-image |
Any image link encased in url() . Suggested images. |
url(https://saltssaumure.github.io/synthesis-discord-theme/backgrounds/default.avif) |
Backdrop opacity | --synth-backdrop-opacity |
A number 0 -1 . |
0.3 |
Overlay tint colour | --synth-overlay-color |
Space-separated RGB value. |
255 165 0 |
CRT scanline colour | --synth-crt-light , --synth-crt-dark |
Space-separated RGB value. |
255 255 255 , 0 0 0 |
⚠ CRT flicker effect | --synth-crt-flicker |
flicker (on) or none (off) |
none |
Background colour | --synth-color-background |
Space-separated RGB value. |
20 6 36 |
Foreground colour | --synth-color-foreground |
Space-separated RGB value. |
255 165 0 |
Shadow colour | --synth-color-shadow |
Space-separated RGB value. |
0 0 128 |
Button colour | --synth-color-button |
Space-separated RGB value. |
84 63 251 |
Highlight colour | --synth-color-pop |
Space-separated RGB value. |
206 63 251 |
Discord colour | --synth-color-blurple |
Space-separated RGB value. |
88 101 242 |
Text colour | --synth-color-text |
Space-separated RGB value. |
255 255 255 |
DND colour | --synth-color-red |
Space-separated RGB value. |
243 67 131 |
Idle colour | --synth-color-yellow |
Space-separated RGB value. |
255 165 0 |
Online colour | --synth-color-green |
Space-separated RGB value. |
52 172 140 |
Streaming colour | --synth-color-twitch |
Space-separated RGB value. |
89 54 149 |
⚠ This is a fast flickering effect and may not be suitable for those with photosensitive epilepsy.
- Open
Settings
>BetterDiscord
>Themes
. - Click the pencil icon on this theme.
- Edit the variable values and save changes.
- Enable
Automatically Apply Quick CSS
inSettings
>Replugged
>General
. - Open
Settings
>Replugged
>Quick CSS
. - Copy and paste line 15-36 of
Synthesis.theme.css
. - Edit the variable values and save.
Open Themes Folder
inSettings
>Vencord
>Themes
>Local Themes
- Open
Synthesis.theme.css
with your favourite text editor. - Edit the variable values and save.
Enable Custom CSS
inSettings
>Vencord
>Vencord
and clickOpen QuickCSS File
.- Copy and paste lines 15-36 of
Synthesis.theme.css
. - Edit the variable values.
GNU General Public License v3.0
- TL;DR;NAL: Do whatever you want with this theme, as long as you allow others to do the same with your version.
- RadialStatus by Gibbu - MIT License
- Post an issue on GitHub.
- Post in
#theme-support
on my support server.