Better discord transparent theme

Making the Discord client transparent enough to have a background can actually take a fair bit of work to do properly. There are many many elements with background colors that would obscure an applied background image.

Translucence Like By CapnKitten. Default: 6px --app-margin - The margin surrounding the content area. Default: 24px --app-radius - The border radius of the app and every element that has a border radius. Default: 8px --sidebar-color - The background color of the sidebars.

Better discord transparent theme

.

Default: 0px 3px 9px 0px rgba 0,0,0, 0.

.

Translucence Like By CapnKitten. Default: 6px --app-margin - The margin surrounding the content area. Default: 24px --app-radius - The border radius of the app and every element that has a border radius. Default: 8px --sidebar-color - The background color of the sidebars. Default: rgba 0,0,0, 0. Default: --accent-saturation - The saturation value for the accent color of the theme.

Better discord transparent theme

Making the Discord client transparent enough to have a background can actually take a fair bit of work to do properly. There are many many elements with background colors that would obscure an applied background image. If you'd like to see some examples, there are plenty on the BetterDiscord website. If you want your theme to be transparent or transluscent to the desktop of your computer, it's very easy to support that. First, enable that option in BetterDiscord settings and restart. Then go to your theme and add. You'll see that suddenly you can partially see your desktop through the Discord client. The style above is just a quick-and-dirty way to show that it's actually working.

Spice cottage diss

Actions Download Preview. Developer Guides General Plugins Themes. Default: 0px 3px 9px 0px rgba 0,0,0, 0. Tags transparent dark customizable. It's better to properly integrate transparency into your theme. A community member has made a theme builder than can take existing BetterDiscord themes and customize them as you see fit, including adding background images or making them see-through to the desktop. Default: fff --textarea-radius - The border radius for textareas not inputs. Default: Messages --message-color - The background color for messages. Default: rgba 0,0,0, 0. Default: 32px --button-padding - The padding for buttons.

.

That can include things like having glassy effects on elements by adding a backdrop-filter with a blur. If you really just want to make a theme where you have a background image, or to see through to your desktop, don't fire up your editor just yet. Default: --accent-saturation - The saturation value for the accent color of the theme. Intermediate Transparency On this page. Default: --button-text-color - The text color for any buttons that use --button-color. First, enable that option in BetterDiscord settings and restart. Default: If you want your theme to be transparent or transluscent to the desktop of your computer, it's very easy to support that. If you'd like to see some examples, there are plenty on the BetterDiscord website. General Desktop Builder. Default: fff --textarea-radius - The border radius for textareas not inputs. Developer Guides General Plugins Themes. CapnKitten Support Server. Default: 8px --sidebar-color - The background color of the sidebars. Skip to main content.