Skip to content

A vibrant neon synthwave Discord theme.

License

Notifications You must be signed in to change notification settings

Saltssaumure/synthesis-discord-theme

Repository files navigation

Synthesis Discord Theme

Buy me a coffee on ko-fi BetterDiscord GitHub downloads Replugged GitHub downloads Total repository size

A vibrant neon synthwave Discord theme.

Without background With background
Synthesis applied to Discord Synthesis with background image applied to Discord

Installation

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

Automatic

  1. Click to install:

Manual

  1. Download net.saltssaumure.Synthesis.asar:
  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.

Local

  1. Download Synthesis.theme.css:
  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

  1. Open Themes Folder in Settings > Vencord > Themes > Local Themes
  2. Open Synthesis.theme.css with your favourite text editor.
  3. 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

Questions or suggestions?