Translucence thumbnail

Translucence

By CapnKitten
Version: 1.0.6.3
Updated: 09/24/2021 04:13:36
Downloads: 206,939
A translucent/frosted glass Discord theme

Translucence Theme - Paypal GitHub Download

A translucent/frosted glass Discord theme


Current version: v1.0.6.3 (26/02/2021)

Assets located at: https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Translucence/

Previews

Main chat area

discord-001

User server info

discord-002

User info popout

discord-003

User settings

discord-004

DMs

discord-005

 

Variables

App elements

  • --app-bg - The background image for the entire Discord app. Default: url(https://i.imgur.com/U8bSjj5.jpg)
  • --app-blur - The strength of the blur for every element that has one. 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
  • --app-accent - The app accent color. Default: #d73d3d
  • --app-accent-rgb - The rgb values of the app accent color. Default: 215,61,61
  • --app-accent-text - The text color for buttons and other various elements with the accent background color. Default: #000
  • --sidebar-color - The background color of the sidebars. Default: rgba(0,0,0, 0.4)
  • --main-content-color - The background color of the main content areas. Default: rgba(0,0,0, 0.2)

Messages

  • --messages-color - The background color for messages. Default: rgba(0,0,0, 0.4)
  • --messages-radius - The border radius for messages. Default: 8px
  • --mention-color - The border and glow color for mentioned messages. Default: #d73d3d
  • --mention-rgb - The rgb values of the mention color. Default: 215,61,61
  • --mention-alt - The border and glow color for highlighted messages that aren't mentions. Default: #5274e9

Textareas and inputs

  • --textarea-color - The background color for any textareas and inputs. Default: 0,0,0
  • --textarea-text-color - The text color for textareas and inputs. Default: #fff
  • --textarea-radius - The border radius for textareas (not inputs). Default: 22px
  • --input-height - The height for inputs. Default: 36px
  • --input-radius - The border radius for inputs (not textareas). Default: 18px

Cards

  • --card-color - The background color for cards. Default: rgba(0,0,0, 0.4)
  • --card-color-hover - The background color for hovering over cards (if there is a hover animation). Default: rgba(0,0,0, 0.5)
  • --card-radius - The border radius for cards. Default: 8px

Buttons

  • --button-color - The background color for most buttons. Default: #d73d3d
  • --button-action-color - The background color for hovering and clicking on buttons (has a lowered opacity). Default: #000
  • --button-text-color - The text color for any buttons that use --button-color. Default: #000
  • --button-radius - The border radius for buttons. Default: 8px

Popouts and modals

  • --popout-color - The background color for modals/popouts. Default: rgba(0,0,0, 0.55)
  • --popout-blur - The blur strength for modals/popouts. Default: 5px
  • --popout-header-opacity - The header opacity for modals/popouts. Default: 0.3
  • --popout-header-shadow- The shadow for headers in modals/popouts. Default: 0px 3px 9px 0px rgba(0,0,0, 0.25)
  • --popout-radius - The border radius for modals/popouts. Default: 8px
  • --popout-shadow - The shadow for modals/popouts. Default: 0 8px 10px 1px rgba(0,0,0, 0.14)

 

Changelog

v1.0.6 (18/11/2020)

  • Inline replies styled
  • Updated elements that Discord changed (If I missed any, please let me know)

View previous changelogs

Actions

About

Author

User avatar
CapnKitten
Server icon
CapnKitten

Support Server

Join Server

Tags

transparent dark customizable