Download Source Code
Sign in to like
Made by:
DevilBro
Release date:
8th March, 2018

BasicBackground

160.4K 276.3K 112

Allows you to use a background image in Discord without greatly altering the basic look of Discord. You can easily swap the background picture, set an accent color and change the overall transparency (darkness).

Comments (27)

Sign In to post a comment

Nasreddin

When I hit download it says one more step and shows a big orange triangle.

????? ??????

Is it possible to change the color from pink to blue?

mashroor

How do you change how roles look back to the default style? The boxes look weird to me.

mashroor

nvm got it i just removed all the code for the roles

WhosAce

it just takes me to notepad

LJHOG

download better discord go to settings and drag the background file into the themes folder

Benji Foxy

how would I change the color/transparency of the spoilers?

ld0c1

how????????/ its going to my notepad

Lemon :3

You need to first download the BetterDiscord2 application first. There's a couple of Youtube videos on that. Then you put the file that you downloaded from this website into the "themes" folder

Lemon :3

Check this out if you're still confused... https://youtu.be/Zc9z5vs80SY

Nicolas Productions

It's a little laggy

Syndicated Recon

So my chat box (on image where it would say "Message #general") is default, is there a way to fix this issue by adding a line of code? Disc: Syndi.GM#9115

Timothy Nguyen

can someone help me how to do it i still dont get it, i read tyilak’s response my discord is Just a Yui here#4873 copy and paste it, please i need help

Lemon :3

I can't add you as a friend for some reason... Anyway, here's a really good youtube clip https://youtu.be/Zc9z5vs80SY

1PK_Atomic

What is line 18? BackdropBlur?

Lemon :3

It took me ages to find out what a Backdrop is. If you right-click an image, a bunch of options pop up (e.g. 'Reactions'). That's an example of a backdrop. The value that is entered in the "Backdrop Blur" line determines how blurry/clear you want the backdrops.
For example, 0px would be clear, no blur. The higher the value, the more blur, as with all the other "...Blur" lines.

yeetus deletus

How do I change the background?

Tyilak13

It's very simple to do.

  1. Upload the desired image to any discord chat, preferably an image chat in a server (make sure you or someone doesn't delete the image as the link to the file may be permanently deleted (haven't tested that yet)).

  2. Open the Theme CSS file in your downloads folder (this should open in notepad or any equivalent notes app) (changing any settings bugs out the themes setting page in discord if you modify the CSS in the themes folder, Discord will think here's an update available for the theme, causing a permanent update banner to appear (this happened to me)).

  3. Find line 18:

    --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/background.jpg); / general background image /

  4. Go to the chat you posted the image into discord, open the image and click Open Original.

  5. Copy the image URL from your browsers URL box.

  6. Replace the default URL but make sure to paste within the brackets. If you delete the brackets the CSS file WILL break.
    From

    url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/background.jpg);

To

 url(https://cdn.discordapp.com/attachments/<numbers>/<numbers>/<filename>);

(The amount of numbers may vary)

  1. Save and close the document and then open your themes folder and move the modified theme CSS file to it.
  2. Enable and enjoy!

Edit: The reason for using discord is that the CSS file/ better discord expects a filename at the end of the URL and discord does so. Where-as Google drive and other cloud storage services use an alpha numerical linking system which causes the theme to revert back. You can use a different service that has the image, but make sure the URL/ link has the filename at the end of it.

DARKZIN 44

Pra quem deseja alterar a cor basta abrir o tema e depois procure "--accentcolor:" quando achar esse texto em frente terá alguns codicos e basta escolher outra cor

imagem com alguns codicos de cores: https://cdn-0.access-excel.tips/wp-content/uploads/2015/02/rgb-color.jpg

e para quem deseja alterar a image bastar procurar background e na frente terá o link da image e ai basta trocar

menoreh suryo

Nice!

Miss Dysfunction

Is there a way to change the icon colours and the subtext colors? for example the "online" "idle" "Find or start a conversation" text etc. I can't seem to find anywhere to change that?

Anonymous Walker

The original background ain't the best, but the fact that it allows you to customise pretty much anything... wow! This is A-M-A-Z-I-N-G !!!

KNGSLEY

How do you get rid of the watermark? I didn't really understand the way you answered that before.

thewhitefox1326

hey, if u want i can help u, add me on discord Jack13 #6003

liese johnson

is there a way to make the text colour darker?

jul ryö

It can't load messages and pictures.

Yusof

how to add the background
on chrome

FENRIR219

BetterDiscord is only functional for the Discord application.

AccountToAskThisQuestion

How would I change the transparency of the emote menu and profile background?
They are Transparent and I would prefer them to be solid colour.

Crystal

how do i do to change the background image please?

Elevate XeOs

you have to go in the parameters then in custom css then change the link of the line 16 by the link of the image you want

Arshad Mirchandani

link to the directory in a computer or a website's link?

CreechyWolf

Is there a way to modify the Server Mute symbol? Right now, the server mute symbol is the same as a regular mute and it confuses me as to whether someone is muted or server muted.

Whitehound373

how would i be able to get rid of the background and make it transparent?

Dev Flare

To change the color of pinging you need to give them a role and change the color of the role, you can then ping someone with different colors! :3

Dev Flare

OOOPS! Wrong person.. That was meant for 'the guy that roasts you'. Excuse my comment.. ;-;

the guy that roasts you

is it possible to change the color of ping? like @everyone or @here having a different color from others

Imposter

Is it possible to get rid of the boxes around the text?

Naksu

Yup, just modify the file and put : messagetransparency to 0.

Mate97bate

how do you take away the top text thhat says "discord - basicbackground by devilbro"?

DFNCTSC

You have to replace the @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css) line in BasicBackground.theme.css with the entirety of the BasicBackground.css from that URL. Then scroll down to the 20. WATERMARK section and remove all those html:only-child entries.

Anonymous Walker

Unfortunately when I tried what 'DFNCTSC' suggested, it didn't work how it was supposed too. Yes, it did get rid of the watermark, but it also got rid of all of the other customisations I had just set up (e.g. a different background, different transparency settings etc.). So only do what he/she said if you have made no other customisations

Vanvans04

Can you do a tutorial on how to change background, color... please ?

AntonRetroJr

Did you even turn on the plugin?

PAUL93