CapnKitten

CapnKitten's support server

CapnKitten


10.2K 35.8K

Material Discord

A theme based on Google's Material Design

23.8K 79.4K

Spotify Discord

Combine Discord and Spotify into one.

22.3K 34.3K

Translucence

A translucent/frosted glass Discord theme.

                
4.1K 7.2K

Hide Channels

Allows you to hide the channels list in servers and DMs

              
4.1K 7.2K

Hide Channels

Allows you to hide the channels list in servers and DMs

10.2K 35.8K

Material Discord

A theme based on Google's Material Design

23.8K 79.4K

Spotify Discord

Combine Discord and Spotify into one.

22.3K 34.3K

Translucence

A translucent/frosted glass Discord theme.

CapnKitten
Translucence

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:

:root {
  --app-margin: 0 !important;
}
CapnKitten
Hide Channels

You have to enable it in your plugins list.

CapnKitten
Translucence

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:

:root {
  --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

CapnKitten
Translucence

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:

:root {
  --app-accent: #fff !important;
}
CapnKitten
Translucence

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.

CapnKitten
Translucence

Please refer to my pinned comment on variables, thanks.

CapnKitten
Hide Channels

One of the themes I made; Material Discord. https://betterdiscordlibrary.com/themes/Material%20Discord

CapnKitten
Translucence

The steps for customizing the theme easily are listed in the pinned comment.

CapnKitten
Hide Channels

Not currently, but I can see about adding it. No guarantees though.

CapnKitten
Translucence

Those errors and warnings don't affect anything. You can ignore them.

CapnKitten
Translucence

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.

CapnKitten
Translucence

All of the variables are listed in the link in the pinned comment and includes an example on how to use said variables.

CapnKitten
Translucence

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.

CapnKitten
Translucence

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.

CapnKitten
Translucence

The --app-blur variable controls the blur intensity.