Discord's current "dark" theme is more of a gray tone. The main focus of BetterDark is to darken the app to make it more consistent with other applications' dark themes. (But it also works in light mode... if you're into that I guess.)
Personalize.
It was important for me to give you an outlet to make your Discord experience your own. Customize your interface a bit of pizzazz by adding a custom background, adding an accent, and popping in a splash of color.
In motion.
By default, Discord also lacks basic animations that just make sense. Hovering over channels and collapsing chat categories has never looked smoother. More animations are planned.
Settings
Use a desktop computer or a larger screen for the best results.
Configuring these settings will require you to download the companion theme to see your changes.
If you intend to leave these settings at their default values, downloading the addon file is not necessary.
Configurations created on smaller screens may not have the same results when in use on your Discord client.
Colors
Gradient Start Color
Gradient End Color
To use a solid color, make both top and bottom colors the same.
Angle
Accent Color
Background
Background Image
Make sure the URL contains a file extension. (.png, .jpg, .gif, etc.)
Unfortunately, due to constraints with image embedding in CSS, the theme is unable to use files uploaded from your computer. The image must be available online. If your image is not already available online, you can upload it yourself to a website like Imgur, then paste the link to the image here.
Even a valid link may fail to load due to standard browser security constraints. If the image fails to load, it is unlikely the theme will work as intended.
!
At least one of your background colors has an alpha value of 100%. Your image will not be visible!
It is recommended to leave these options at their default settings. This will fill the screen and center the image. If your image is cutting off or you want to focus a different part of the image, use the sliders below to change it to your liking.
Image Size:
100%
Image Position X:
0%
Image Position Y:
0%
File setup
File Name
BetterDark_ADDON.theme.css
Useful when creating multiple addons with different themes.
/*################################################################*/
/*## _____ __ __ ##*/
/*## / ___// /_____ ____ / / ##*/
/*## \__ \/ __/ __ \/ __ \/ / ##*/
/*## ___/ / /_/ /_/ / /_/ /_/ ##*/
/*## /____/\__/\____/ .___(_) ##*/
/*## /_/ ##*/
/*## ##*/
/*## The following code is continually a work in progress ##*/
/*## and likely will not work as intended if tampered with. ##*/
/*## ##*/
/*## CONTINUE AT YOUR OWN DISCRETION! ##*/
/*## (you can always redownload this file from ##*/
/*## betterdark.noahgrice.com if you mess this one up.) ##*/
/*## ##*/
/*################################################################*/
/*################################################################*/
/*## ##*/
/*## This theme fetches the most recent update that I've sent ##*/
/*## to my file server. If you wish to use the theme locally, ##*/
/*## visit "betterdark.noahgrice.com/BetterDark.theme.css" ##*/
/*## and do "CTRL+S" ("CMD+S" on MacOS). Save this file to ##*/
/*## your themes folder with the file extension ".theme.css" ##*/
/*## or the theme will not appear in your themes in Discord. ##*/
/*## ##*/
/*## Please note that doing this will make your file outdated ##*/
/*## when a new update to fix bugs or add features is added. ##*/
/*## ##*/
/*## However, this can be a good solution if you do not have ##*/
/*## a strong internet connection, are experiencing loading ##*/
/*## issues at Discord startup, or prefer to have a locally ##*/
/*## saved file in the event of a network outage. ##*/
/*## ##*/
/*################################################################*/