Giter VIP home page Giter VIP logo

synthesis-discord-theme's Introduction

Synthesis Discord Theme

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

A vibrant neon synthwave Discord theme.

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

Installation

BetterDiscord

  1. Install BetterDiscord.
  2. Download the theme file:
  3. Place theme file in the themes folder:
    • Windows: %AppData%/BetterDiscord/themes
    • Mac: ~/Library/Application Support/betterdiscord/themes
    • Linux: ~/.config/BetterDiscord/themes

Replugged

  1. Install Replugged.
  2. Install the theme:

Vencord

  1. Install Vencord.
  2. Paste the following in Settings > Vencord > 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. Open Settings > Replugged > Quick CSS.
  2. Copy and paste lines 15-36 of Synthesis.theme.css.
  3. Edit the variable values and apply changes.

Vencord

Standard method

  1. Follow the instructions in Settings > Vencord > Themes.

Recommended method

  1. Open Settings > Vencord > Vencord.
  2. Toggle on Enable Custom CSS and click Open QuickCSS File.
  3. Copy and paste lines 15-36 of Synthesis.theme.css.
  4. 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.

Questions or suggestions?

synthesis-discord-theme's People

Contributors

saltssaumure avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.