CapnKitten

CapnKitten's support server

CapnKitten


13K 45.6K

Material Discord

A theme based on Google's Material Design

29.2K 97.2K

Spotify Discord

Combine Discord and Spotify into one.

45.2K 71.8K

Translucence

A translucent/frosted glass Discord theme.

                
9.6K 16.5K

Hide Channels

Allows you to hide the channels list in servers and DMs

              
9.6K 16.5K

Hide Channels

Allows you to hide the channels list in servers and DMs

13K 45.6K

Material Discord

A theme based on Google's Material Design

29.2K 97.2K

Spotify Discord

Combine Discord and Spotify into one.

45.2K 71.8K

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-bg: url(https://i.imgur.com/8vNApkL.jpg);
  --app-accent: #d73d3d;
}
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

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.

CapnKitten
Translucence

It is possible. There's an example of what to use and where to put it in the pinned comment. In your case, the variable you'll want to use is --app-accent: #fff.

CapnKitten
Translucence

It shouldn't reload. Are you using imgur or something else to host the image?

CapnKitten
Translucence

Download the theme file and put it in your themes folder for Bandaged BetterDiscord. Then enable it in your themes list.

CapnKitten
Translucence

This isn't exactly the right place to report issues because I don't get notifications for them. Please make a new issue on the theme's repo at: https://github.com/CapnKitten/Translucence/issues. With that said, the margin/padding issue in the image will be fixed soon.

CapnKitten
Translucence

That is controlled by the --app-accent-rgb variable.

CapnKitten
Hide Channels

You have to enable it after putting the file in your plugins folder.

CapnKitten
Hide Channels

The members list is already collapsible. Regarding only showing avatars, that can easily be done with a theme rather than adding it to the plugin.

CapnKitten
Material Discord

Not sure which version of the theme you're using, but it's up-to-date.

CapnKitten
Translucence

You can customize it by using the example in the pinned comment, and then utilizing the variables listed on the themes repo. A link to said repo is also in the pinned comment.

CapnKitten
Hide Channels

That's weird because disabling the theme should revert it back to normal. If you go to your plugins list, there's a button at the top that says "Open plugin folder"; click that to verify that the plugin file is actually gone. If it isn't, delete it, then redownload the plugin and enable it. Doing that should fix any issues you have.

CapnKitten
Translucence

When asking for help, you really shouldn't be so condescending; especially towards the person that made the thing you're using for free. The quote you got that from was from someone asking about the "black stripe" (i.e. the darker part on the left that is behind the servers and channels lists) with no mention of the background behind the messages, so that wouldn't fix your issue either way. I made it really simple for people to understand how to customize the theme. It's not my fault some don't read a pinned comment by the theme dev.

As for your issue... I thought I added the variable to the readme on the repo, but I guess not. --messages-color controls the background for messages. Making that transparent as well as removing the padding for messages should make it look how you want based on what you've asked.

:root {
    --messages-color: transparent !important;
}

.cozy-3raOZG.wrapper-2a6GCs,
.compact-T3H92H.wrapper-2a6GCs {
    padding: 0 !important;
}
CapnKitten
Translucence

If you're talking about the margin around the content area to give off the frosted look, --app-margin is the variable you'll want to use. Making it 0 will remove said space. Add the code below to the custom CSS tab in your user settings and click save and update.

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

The following code will make it so only avatars are visible in the members list. Add it to your custom css.

.membersWrap-2h-GB4 {
    min-width: 66px;
}

.members-1998pB {
    width: 66px;
}
CapnKitten
Translucence

Not sure what you mean.

CapnKitten
Translucence

Click the download button in the top left. Then open your themes file by opening your user settings in Discord and scrolling down to themes. In there, there's button that says "Open theme folder"; place the theme file in there and enable it.

CapnKitten
Translucence

Thanks for the kind words.