Easy DIY Animated BetterDiscord Themes

i'm going to show you how to get your own fancy dancy diy animated discord theme now before i start off i just want to say that you will need better discord to actually theme discord and better discord as against discord's terms of service in this particular case there is a very very very small chance of being banned and that's because we're using themes which really doesn't do anything bad to discord servers anyways you need to go to the first link in the description and you will see betterdiscord.app you want to click on the download button and it will download an installer i'm going to open up from my downloads and you need to open up the installer itself now you will see this license agreement you want to click i accept the license agreement click next click install better discord then click next then click on the discord version that you have in my case i have the normal discord version so i need to click on it then click install then it should restart discord install better discord and pop up with a massive menu in my face as you can see i didn't see the menu in my face and that's because there also is another way of checking if you installed better discord and that is going into the user settings and on the left if you scroll down you should see a better discord section if you do not see this go on my discord server it's linked in the description and go to the faq i have a couple steps there that will show you how to fix this so now let's create the actual theme you need to go to the second link in the description and you will see limeshark.dev editor it'll be this very nice website you might get some little deja vu here you might notice that i've used lime shark dev before and the website was very outdated well fortunately the developer of the website made it very nice and fancy he also has this super cool home screen a couple faq questions that you can read if you want and if you have any troubles with the website feel free to click on how to ask for help then go into their discord server make sure to read this first because it's annoying if you don't anyways all you need to do is click on the get started button and you need to select a theme that you want to base your theme off of so there's a little bit of a nice preview that you can look through and you can find specific discord themes now some of these themes won't allow you to have a custom animated background for example if i go to blurple recolor the only thing that blurple recolor allows you to do is just change the color of the discord color itself so as you can see i can only change the colors and i can add some add-ons so very limited for this particular theme so if you do pick something where you can't change the background all you need to do is click go back on the top right and you will go back to this main page click get started then you can look for a theme that you want to work from for this particular customization i want to focus on frosted glass click on it and it'll pop up with this editor so when you click on a theme that you want you will notice in the center that there is a preview on how your discord will look moreover there's a whole bunch of settings on the left there are a handful of important settings on the top like download changing the name of it resetting and previewing your settings there's a go back button to go to the home page and there is a support me link where you can donate to the guy which i'd highly recommend because he put in a lot of hard work for this one moving on let's actually get started so to start off we have an images a font colors and add-ons section now in the images tab you will see a whole bunch of settings now mind you you could try to figure out what they do or what you could do is just tinker around with them and you'll notice that the preview will update as you go but to start off the main thing i want to do is i want to get an animated background so i'm going to click on background image and i have two different options i can upload an image from my computer or i can upload it from a link i'm going to upload it from a link and in the description i have a couple of little fancy dancy animated backgrounds linked i have this one here which is so fancy i got this one even more fancy with a little cute bunnies i got the og kitty cat tail wag rainy day one and i got the little metropolitan thing you know it just pick one that you like you can pick any gif that you want the main thing you want to look for is that the link that you're going to put in limeshark.dev needs to end in dot gif if it ends in anything else like dot mp4 or something it might not work just to make it work 100 make sure it ends in gif and if you're uploading a file make sure it is a gif now for this particular theme i'm going to pick the cute little bunny one so i'm going to copy the url and i'm going to go into the limeshark.dev editor click from a link and paste in the background image that i want and all i need to do is just click away from the field and it will add it to the theme preview now once you upload an image you might want to actually tweak how blurry this background is so you need to click on background image blur and you can mess around with the slider now i've noticed that for this particular editor if i go to 40 not a lot changes and if i go to 10 then i can see a little bit of my background so kind of work between the zero to 20 percent and you'll be able to increase or decrease the blurriness of the background i at least want to see my background a little bit so i'm going to leave it at 5 and you can change the size you have cover all space or you have display all image which will either zoom it in or increase or decrease and this very much depends on your aspect ratio if the aspect ratio of your gif is a little weird then it might not display 100 correctly so you might want to keep it as cover all space next up you have background image position which allows you to change where the image itself is positioned now this doesn't work if you have cover all space enabled but if you have display all image you can change how it's oriented so i could do left right you can change it however you want once again i'm just going to leave it at cover all space next up you have pop out modal image this is where it kind of gets wordy and i don't understand exactly what's going on and you probably won't all you need to do is just add in the same url that you put in before the same gif and when you click away it will modify the pop out to look exactly the same now you can increase or decrease the blur so if you have it at zero it's going to look a little weird so i would just keep it at a nice blurry eighty percent or so so at least it matches the color of the gif itself now you can change the size or the position of it mind you this requires a lot of tweaking to make it look exactly perfect so i would just leave it as blurry so it matches the color next up we have home button image now this changes the image up here you can change this to anything that you want you can have a logo you can have basically whatever now i'm going to leave the home button as it is because i think it looks fantastic but you could add your own logo maybe your youtube channel literally anything just you can change the logo up here in the top left you can also change the size of it so cover all space or display all image and you can change the position of it now we have window padding window roundness and show gif slash gifs button window padding in itself you can just change the slider and all it does is increase or decrease the little border around the window i'm not a huge fan of it so i'm going to keep it at a very small amount of three you can change the window roundness which is self-explanatory if you turn it to 100 it's going to look like a circle or a square coral and if you put it down low you can change the brownness very self-explanatory next up there's show gif and gifts button if you click show what it will do is show the gif and gifs button in the chat bar on the bottom right which is unfortunately covered by this editor a little bit of a bug but that'll probably be fixed to be honest all you need to do is you can either have it show or don't show and it will hide it from this little bar here i'm going to keep it as don't show because i think it looks cleaner in the next tab we have fonts now font is very easy to use first off you can choose a font from your computer and the way to do that is you need to press the windows key type in font press enter and it'll open up your font settings and you just need to pick a name of a font now it may not show up on the preview because it's actually using the font from your computer and that will only work if it's on discord but if you want to have a font that will work anywhere then click on google fonts then click on the fonts.google link and it will open up a whole bunch of google fonts so pick a font that you want i want roboto i'm going to click on it then copy the name itself go back into the editor and paste it in then click away from the field and it will update my font to the roboto font you can change this to whatever you want but that's what it allows you to do next up we have the color section now the color section allows you to change a whole bunch of different colors this isn't really important for this particular theme just because it's very blurry but if you have one of the other themes where it's like a blue color scheme and you want to change it to red this is where this tab would really shine there's serverless brightness which allows you to increase or decrease it depending on what you like i kind of like it a little bit dark you have the channels and dm brightness once again it's the same setting you mess around with it and it will change the brightness of it you have chat brightness now this one's very important the chat brightness you want it to be a little bit dark because if you have white text on a white background you won't be able to see anything so leave it at something that's pretty reasonable as you can see i can barely read this and i'm pretty far away from my computer and if i turn it up all the way well i can barely see anything so at least have a nice little happy ground where you can actually read everything properly next up there's member list brightness which is the same thing on the right the members list you can have it at zero you can have it at one it's all up to you i kind of like having it a little bit dark so once again i can read people's names because i prefer user experience over aesthetics i want it to function correctly next up there's popo brightness which is this little thing here you can change it to be really bright or really dark this is actually really good for matching the color that you want to aim for with your background next up there's gradient primary secondary and direction this one is very very customizable just mess around with it i'm going to skip over it just because it really doesn't matter for this particular theme then we have tint tint brightness scroll bar and links now tint in itself is pretty important because if you change this to white for example what it's going to do is if you change the tint brightness to one it is going to add a white tint to your theme so what you can use this for is just making it brighter different colors once again i would just leave it at zero because it works well for me but if your background's a little too dark then you can add a white tint if your background's a little too white you can change this to a black tint and increase it and it will make the background even darker i'm gonna leave it at one because i think it looks great now next up there's the scroll bar and i'm just gonna go over on how the color picker is used because this is kind of where it gets a little important so the color picker in itself allows you to pick a color on the big left box you can choose whatever you want then in the middle bar here is the brightness so you can make it really dark or make it very bright and on the far right is transparency so if i click off for a second you notice that my scroll bar is very translucent but if i crank this up all the way it will become opaque and you will see the color a whole lot more i kind of like this color to be honest i was just picking it randomly but i think it looks great next up you have links which is pretty self-explanatory if you see the link in here it is the normal blue link but if you want to change it to a nice little pinky purple all you got to do is just change the color and it will update i think you know a little bit of a contrasting color would be the best for legibility then for the final and most interesting tab we have add-ons now certain themes have different add-ons and certain themes don't have add-ons just check with your theme and it should be self-explanatory because the developer of the website made it so that all these changes will be reflected instantly so we have horizontal server list and if you click on it you now have a horizontal server list you can change the size of the icons and you can change the spacing in between them next up there is radial status if you turn it on you will notice in the user list you have a circle around someone's name and the color will change depending on their status if they're on do not disturb it will be red if it's on the way it'll be orange yellow whatever color it is and you can actually change the color yourself and you can change the roundness of the avatar if you want it more square or you can make it so that it's thicker smaller tons of customization on this website and for the final add-on for this particular theme there is server columns now if you click on server columns it does not work with the horizontal server list but if you click on it it will actually disable the horizontal server list add-on and replace it with the server columns now server columns is pretty self-explanatory you have multiple columns for your servers you can change the amount of columns using the slider here so 2 10 there's tons of customization i would honestly i like a little bit of minimalism so i'm going to turn it off but if you have 13 bajillion gillian servers you might want to turn that on it's all up to you now let's say you spent about 13 hours making your perfect theme and you want to actually use it all you need to do is just click on the download button here and it will download a frosted-glass.theme.css the name could be different you could also rename it here if you want all you need to do is go into discord go into your settings click on themes in the better discord section open your themes folder it will open up behind discord so you will have to click open on it and it will be empty you need to scroll up right click on your downloads click open a new window and you will see the frosted dash glass name you need to drag that into the folder and discord will automatically update with the theme that you can enable and now your discord looks exactly how it should look how nice and cute that is a little money and that wraps up the installation portion of the video if it worked like and subscribe and if you want to support the channel even further just turn off your ad blocker when you watch my videos and if for some odd reason it didn't work out for you feel free to leave a comment in the comment section or join my discord and put your issue in the help channel and i will help you out as soon as i can now let's get on to the uninstall portion of the video so let's say you just want the old discord look back but you want to keep better discord all you need to do is click user settings go to the better discord tab click on themes and uncheck the theme now let's say you don't want better discord anymore you don't want it for some odd reason now let's say you don't want better discord anymore all you need to do is go into your downloads folder open up the better discord installer i know it's counter-intuitive we're opening up the installer because it has an uninstall feature except the license agreement click next click uninstall better discord click next then click on the discord version that you installed it to then click on install discord will restart think about its life for a second and it will be gone and the way to check if it's gone is click on the user settings and you should not see better discord in your user settings and that's it now i'm gonna go to the mattress store with my mom and hide between the bed frame and a mattress and see how long i can hide from her and get her all anxious and nervous i'll see you guys in about 13 hours when she finally finds me mwah

Channel: No Text To Speech

Views: 542,554

Keywords: how to change discord background, animated discord theme, animated discord, better discord animated theme, betterdiscord animated, animated background discord, how to have an animated discord, how to have an animated discord background, custom discord background, how to get a discord background, how to get animated gif background on discord, better discord themes, diy discord theme, discord make theme, betterdiscord theme, better discord, custom discord theme

Id: VpBhFJJt2xs

Length: 14min 15sec (855 seconds)

Published: Thu Jun 17 2021