Custom Discord Themes

[Awooken]

Hey guys, thought I'd make this guide for some of you who are interested in having a custom premade theme, or if you're good at css you can make one yourself. 

First off go to this link https://github.com/rauenzi/BetterDiscordApp/releases

Download either the mac or windows version of the file and install it like you normally would do with any other application.

Then go to your Discord settings and on the bottom you will see a new section appear. Click on themes. 

Now you can import whatever theme you have which you can get from Google. 

Just activate and you're done!

 

Here's a theme and custom bg I used for myself:

Preview: 

Spoiler

https://betterdiscord.net/ghdl/?id=2917

In Custom CSS:

Spoiler

:root {
    /* Image variables */
    --BG-image: url('https://3.bp.blogspot.com/-_62Ir3L94AI/XKaGfStyHqI/AAAAAAAAE14/IvRz_uSOg2oRPqnBRY60RKHgMIngHN6WwCKgBGAs/w0/galaxy-slayer-zed-splash-art-lol-uhdpaper.com-4K-64.jpg');  /* URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
    --BG-image-blur: 5px;                                /* MUST END IN px (0px) | DEFAULT: 5px */

    /* Brightness variables */
    --BG-serverlist-brightness: 0.8;   /* DEFAULT: 0.8 */
    --BG-left-brightness: 0.8;         /* DEFAULT: 0.8 */
    --BG-right-brightness: 0.6;        /* DEFAULT: 0.6 */
    --BG-popout-brightness: 0.7;       /* Usually darker than --BG-right-brightness | DEFAULT: 0.7 */

    /*
        Gradient variables
        Use this website: https://htmlcolorcodes.com/color-picker/
        to get your desired RGB numbers. Then simply put each number in their respective area.
        R,G,B
    */
    --BG-gradient-one: 103,58,183;        /* DEFAULT: 103,58,183 */
    --BG-gradient-two: 63,81,181;         /* DEFAULT: 63,81,181 */
    --BG-gradient-direction: -45deg;      /* DEFAULT: -45deg */

    /* Other variables */
    --BG-window-padding: 20px;           /* Space between Discord window and Discord itself | DEFAULT: 20px */
    --BG-window-roundness: 4px;         /* Edges of Discord | DEFAULT: 10px */
    --BG-left-right-split: 0;            /* Space between channels/dm's and chat/members list | DEFAULT: 0 */
    --SD-roundness: 0px;
}

 

 

 

[Travers]

Nice post