Synthesis Discord Theme

A vibrant neon synthwave Discord theme.

Without background	With background

Installation

BetterDiscord

Click to expand

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

Click to expand

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

Click to expand

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

Variable name	Description	Valid values	Default value
--synth-background-image	Background image	Image link encased in url() or none. Suggested images.	url(https://saltssaumure.github.io/synthesis-discord-theme/backgrounds/default.avif)
--synth-backdrop-opacity	Backdrop opacity	A number 0-1.	0.3
--synth-overlay-color	Overlay tint colour	Space-separated RGB value.	255 165 0
--synth-crt-light, --synth-crt-dark	CRT scanline colour	Space-separated RGB value.	255 255 255, 0 0 0
--synth-crt-flicker	⚠ CRT flicker effect	flicker (on) or none (off)	none
--synth-color-background	Background colour	Space-separated RGB value.	20 6 36
--synth-color-foreground	Foreground colour	Space-separated RGB value.	255 165 0
--synth-color-shadow	Shadow colour	Space-separated RGB value.	0 0 128
--synth-color-button	Button colour	Space-separated RGB value.	84 63 251
--synth-color-pop	Highlight colour	Space-separated RGB value.	206 63 251
--synth-color-blurple	Discord colour	Space-separated RGB value.	88 101 242
--synth-color-text	Text colour	Space-separated RGB value.	255 255 255
--synth-color-red	DND colour	Space-separated RGB value.	243 67 131
--synth-color-yellow	Idle colour	Space-separated RGB value.	255 165 0
--synth-color-green	Online colour	Space-separated RGB value.	52 172 140
--synth-color-twitch	Streaming colour	Space-separated RGB value.	89 54 149

⚠ This is a fast flickering effect and may not be suitable for those with photosensitive epilepsy.

BetterDiscord

Click to expand

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

Replugged

Click to expand

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

Click to expand

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

Copyright (c) 2022-2024 Saltssaumure

This theme is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This theme is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

Credits

Themes

• RadialStatus by DiscordStyles (Gibbu) - MIT license

Fonts

• Inter by Rasmus Andersson - OFL-1.1
• Fira Code by Nikita Prokopov - OFL-1.1

Questions or suggestions?

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