All Projects → CapnKitten → Translucence

CapnKitten / Translucence

Licence: other
A translucent/frosted glass theme for Discord

Programming Languages

CSS
56736 projects

Projects that are alternatives of or similar to Translucence

refined-user-connections
Adds a bit of a boom-shaka-laka to those user connections.
Stars: ✭ 15 (-64.29%)
Mutual labels:  betterdiscord, betterdiscord-theme
LilyPichu
A theme based on @Melonturtle_ stream design
Stars: ✭ 68 (+61.9%)
Mutual labels:  betterdiscord, betterdiscord-theme
midnight-mars
A simple, nice looking and deep purple theme inspired by midnight on Mars!
Stars: ✭ 37 (-11.9%)
Mutual labels:  betterdiscord, betterdiscord-theme
DiscordNight
An actual Dark/Nightmode Theme for Discord/BetterDiscord
Stars: ✭ 86 (+104.76%)
Mutual labels:  betterdiscord, betterdiscord-theme
amoled-cord
A simple, no-bullshit AMOLED theme that's nice on your eyes. Lights out baby!
Stars: ✭ 144 (+242.86%)
Mutual labels:  betterdiscord, betterdiscord-theme
discord-revamp
A revamp based on Discord's website.
Stars: ✭ 28 (-33.33%)
Mutual labels:  betterdiscord, betterdiscord-theme
gradientbuttons-v2
Spice up your Discord buttons with gradients!
Stars: ✭ 31 (-26.19%)
Mutual labels:  betterdiscord, betterdiscord-theme
name-badges
Some nice custom badges for next to usernames.
Stars: ✭ 62 (+47.62%)
Mutual labels:  betterdiscord, betterdiscord-theme
discord-theme
CSS Theme for Discord. (discontinued)
Stars: ✭ 16 (-61.9%)
Mutual labels:  betterdiscord, betterdiscord-theme
ClearVision-v6
Highly customizable theme for BetterDiscord.
Stars: ✭ 248 (+490.48%)
Mutual labels:  betterdiscord, betterdiscord-theme
Tokyo-Night
A clean, dark Discord theme that celebrates the lights of Downtown Tokyo at night.
Stars: ✭ 46 (+9.52%)
Mutual labels:  betterdiscord, betterdiscord-theme
BetterDiscord-Themes-and-Plugins
Collection of my BetterDiscord themes and plugins
Stars: ✭ 22 (-47.62%)
Mutual labels:  betterdiscord
Fluent-Discord
Currently in-development Fluent Discord theme.
Stars: ✭ 22 (-47.62%)
Mutual labels:  betterdiscord
DNOME
Adwaita-inspired Discord Theme
Stars: ✭ 43 (+2.38%)
Mutual labels:  betterdiscord
CreArts-Discord
CreArts is an easily customizable theme that customizes the appearance.
Stars: ✭ 139 (+230.95%)
Mutual labels:  betterdiscord
BetterDiscord-Themes
Themes that I create for the Discord addon; BetterDiscord
Stars: ✭ 65 (+54.76%)
Mutual labels:  betterdiscord
bd-addons
my betterdiscord addons
Stars: ✭ 19 (-54.76%)
Mutual labels:  betterdiscord
WindowsXI
A Simple Theme Based On The New Windows 11! With Rounded Edges To Every Element Matching In Colour With Dark/Light Mode Variations & Border Radius' To Go Along With The Overall Theme, Enjoy! :)
Stars: ✭ 23 (-45.24%)
Mutual labels:  betterdiscord
BetterDiscordPlugins
🔥 My collection of Discord plugins for BetterDiscord, the Discord enhancement project
Stars: ✭ 120 (+185.71%)
Mutual labels:  betterdiscord
iPadOS
Discord redesigned to be simplified. Design by jacktompsett on Behance.
Stars: ✭ 17 (-59.52%)
Mutual labels:  betterdiscord-theme

Translucence Theme - Paypal GitHub Discord 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-101

User server info

discord-102

User info popout

discord-103

User settings

discord-104

DMs

discord-105

 

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
  • --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)

Accent color

  • --accent-hue - The hue value for the accent color of the theme. Default: 156
  • --accent-saturation - The saturation value for the accent color of the theme. Default: 77.5%
  • --accent-lightness - The lightness value for the accent color of the theme. Default: 47.1%
  • --accent-opacity - The opacity of everything, excluding text, that uses the accent color. Default: 1
  • --accent-text-color - The text color for buttons and other various elements with the accent background color. Default: #000

Messages

  • --message-color - The background color for messages. Default: rgba(0,0,0, 0.4)
  • --message-radius - The border radius for messages. Default: 8px
  • --message-padding-top - The top and bottom padding for messages. Default: 8px
  • --message-padding-side - The left and right padding for messages. Default: 8px
  • --mention-hue - The hue value for the message mention color. Default: 156
  • --mention-saturation - The saturation value for the message mention color. Default: 77.5%
  • --mention-lightness - The lightness value for the message mention color. Default: 47.1%
  • --mention-opacity - The opacity of the message mention color. Default: 1
  • --reply-hue - The hue value for the reply message color. Default: 226
  • --reply-saturation - The saturation value for the reply message color. Default: 77.6%
  • --reply-lightness - The lightness value for the reply message color. Default: 61.8%
  • --reply-opacity - The opacity of the reply message color. Default: 1

Textareas and inputs

  • --textarea-color - The background color for any textareas and inputs. Default: 0,0,0
  • --textarea-alpha - The opacity for any textareas and inputs. Default: 0.15
  • --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-height - The height for buttons. Default: 32px
  • --button-padding - The padding for buttons. Default: 0 16px
  • --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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].