A theme based on Google's Material Design
Combine Discord and Spotify into one.
A translucent/frosted glass Discord theme.
Allows you to hide the channels list in servers and DMs
The spacing between the actual content and the app borders is controlled by --app-margin.
Adding this to your custom CSS will remove said spacing:
--app-margin: 0 !important;
You have to enable it in your plugins list.
Good news for you is that you can customize it with a number of variables. Just go to your user settings, and near the bottom is a tab called Custom CSS; click that and add the following:
--app-accent: #b2a0f9 !important;
--app-accent-rgb: 178,160,249 !important;
An entire list of customizable variables can be found on the themes repo: https://github.com/CapnKitten/Translucence#variables
This theme utilizes a various amount of CSS variables that allows you to customize it. They can be added to the custom CSS tab in BBD or in the theme file itself. A list of variables can be found on the theme's repo: https://github.com/CapnKitten/Translucence#variables
An example would be:
--app-accent: #fff !important;
It gets stretched to fit it, so as long as the image is at least the size of your monitors resolution (if you use Discord in full screen) it shouldn't appear blurry.
Please refer to my pinned comment on variables, thanks.
One of the themes I made; Material Discord. https://betterdiscordlibrary.com/themes/Material%20Discord
The steps for customizing the theme easily are listed in the pinned comment.
Not currently, but I can see about adding it. No guarantees though.
Those errors and warnings don't affect anything. You can ignore them.
Took a look at it to see if I could use an image on my local pc, but Discord apparently adds discordapp.com in front of any url() that isn't a complete url. For instance, changing app-bg to url(background.jpg) adds https://discordapp.com/channels/<maybe_user_id?>/ before the actual variable. So for the time being, uploading an image to a site is the only way, unless you want to encode an image to base64 but that creates a stupid long string to use.
All of the variables are listed in the link in the pinned comment and includes an example on how to use said variables.
There are 2 separate variables that control the background colors for the main content area and the sidebars. --sidebar-color and main-content-color with the default values and how to use them listed in pinned comment.
The transparency and blur intensity can be customized to however you like it. A list of variables and how to use them are in the pinned comment, thanks.
The --app-blur variable controls the blur intensity.