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 better discord transparent theme.

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

.

Default: 8px --message-padding-side - The left and right padding for messages. If you'd like to see some examples, there are plenty on the BetterDiscord website. Default: 0,0,0 --textarea-alpha - The opacity for any textareas and inputs.

.

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. Default: Default: 1 --accent-text-color - The text color for buttons and other various elements with the accent background color. Default: Messages --message-color - The background color for messages.

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. It's better to properly integrate transparency into your theme. That can include things like having glassy effects on elements by adding a backdrop-filter with a blur.

Stromberg golf pants

Default: 1 --accent-text-color - The text color for buttons and other various elements with the accent background color. Default: d73d3d --button-action-color - The background color for hovering and clicking on buttons has a lowered opacity. Default: 1 Textareas and inputs --textarea-color - The background color for any textareas and inputs. Default: 24px --app-radius - The border radius of the app and every element that has a border radius. Default: 0 8px 10px 1px rgba 0,0,0, 0. Default: 6px --app-margin - The margin surrounding the content area. Tags transparent dark customizable. If you'd like to see some examples, there are plenty on the BetterDiscord website. General Desktop Builder. Developer Guides General Plugins Themes. It adds an interesting dichotomy and a unique feel to your theme.

.

Default: --button-text-color - The text color for any buttons that use --button-color. Default: 24px --app-radius - The border radius of the app and every element that has a border radius. 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. Default: 0px 3px 9px 0px rgba 0,0,0, 0. Tags transparent dark customizable. Website GitHub. Then go to your theme and add. Skip to main content. Default: 32px --button-padding - The padding for buttons.