Synthesis Discord Theme

A vibrant neon synthwave Discord theme.

Without background	With background

Installation

BetterDiscord

1. Download Synthesis.theme.css:
   • BetterDiscord store
   • GitHub
2. Place the file in the themes folder:
   • Settings > BetterDiscord > Themes > Open Themes Folder
3. Toggle on the theme card.

Replugged

Automatic

1. Click to install:
   • Replugged store

Manual

1. Download net.saltssaumure.Synthesis.asar:
   • GitHub
2. Place the file in the themes folder:
   • Settings > Replugged > Themes > Open Themes Folder
3. Click Load Missing Themes and toggle on the theme card.

Vencord

Local

1. Download Synthesis.theme.css:
   • BetterDiscord store
   • GitHub
2. Place the file in the themes folder:
   • Settings > Vencord > Themes > Local Themes > Open Themes Folder
3. Click Load missing Themes and toggle on the theme card.

Online

1. Paste the link in Settings > Vencord > Themes > Online Themes:
   • https://saltssaumure.github.io/synthesis-discord-theme/Synthesis.theme.css

Customisation

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.

BetterDiscord

1. Open Settings > BetterDiscord > Themes.
2. Click the pencil icon on this theme.
3. Edit the variable values and save changes.

Replugged

1. Enable Automatically Apply Quick CSS in Settings > Replugged > General.
2. Open Settings > Replugged > Quick CSS.
3. Copy and paste line 15-36 of Synthesis.theme.css.
4. Edit the variable values and save.

Vencord

Local

2. Open Themes Folder in Settings > Vencord > Themes > Local Themes
3. Open Synthesis.theme.css with your favourite text editor.
4. Edit the variable values and save.

Online

1. Enable Custom CSS in Settings > Vencord > Vencord and click Open QuickCSS File.
2. Copy and paste lines 15-36 of Synthesis.theme.css.
3. Edit the variable values.

License

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.

Includes

• RadialStatus by Gibbu - MIT License

Questions or suggestions?

• Post an issue on GitHub.
• Post in #theme-support on my support server.