Frosted Glass
Display your picture of choice with adjustable blur and brightness. Dark theme is required.
696
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name Frosted Glass3
* @author Gibbu#12114
* @version 2.0.05
* @description Display your picture of choice with adjustable blur and brightness. Dark theme is required.6
* @invite ZHthyCw7
* @donate https://paypal.me/IanRGibson8
* @authorId 1748683610402324489
* @source https://github.com/DiscordStyles/FrostedGlass10
* @website https://gibbu.me/11
*/12
13
@import url("https://discordstyles.github.io/FrostedGlass/dist/FrostedGlass.css");14
15
/* BlackBox tags */16
@import url('https://monstrousdev.github.io/themes/addons/user-tags.css');17
18
/* Old Windows titlebar - remove this @import if you wish to use default titlebar */19
@import url("https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css");20
21
:root {22
/* Background image variables */23
--background-image: url('https://i.imgur.com/kYW2H5C.jpg'); /* Main background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */24
--background-image-blur: 5px; /* Blur intensity of --background-image | Must end in px | DEFAULT: 5px */25
--background-image-size: cover; /* Size of the background image | DEFAUT: cover | OPTIONS: cover, contain */26
--background-image-position: center; /* Position of background image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */27
28
/* Popout & Modal variables */29
--popout-modal-image: var(--background-image); /* Background image for popouts and modals | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */30
--popout-modal-blur: 5px; /* Blur intensity of --popout-modal-image | Must end in px | DEFAULT: 5px */31
--popout-modal-size: cover; /* Size of the popout/modal image | DEFAUT: cover | OPTIONS: cover, contain */32
--popout-modal-position: center; /* Position of popout/modal image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */33
34
/* Home image variables */35
--home-button-image: url('https://gibbu.github.io/BetterDiscord-Themes/FrostedGlass/assets/discord.svg'); /* Home button image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */36
--home-button-size: cover; /* Size of the home button image | DEFAUT: cover */37
--home-button-position: center; /* Position of home button image | DEAFULT: center */38
39
/* Brightness variables */40
--serverlist-brightness: 0.8; /* Brightness for serverlist | 0 - 1 (decimals allowed) | DEFAULT: 0.8 */41
--left-brightness: 0.8; /* Channels and DM list brightness | 0 - 1 (decimals allowed) | DEFAULT: 0.8 */42
--middle-brightness: 0.6; /* Chat brightness | 0 - 1 (decimals allowed) | DEFAULT: 0.6 */43
--right-brightness: 0; /* Members and Now Playing brightness | 0 - 1 (decimals allowed) | DEFAULT: 0 */44
--popout-modal-brightness: 0.75; /* Brightness for popouts and modals | 0 - 1 (decimals allowed) | DEFAULT: 0.75 */45
46
/* Gradient variables */47
--gradient-primary: 103,58,183; /* DEFAULT: 103,58,183 */48
--gradient-secondary: 63,81,181; /* DEFAULT: 63,81,181 */49
--gradient-direction: 320deg; /* DEFAULT: 320deg */50
51
/* Tint variables */52
--tint-colour: 255,51,159; /* Colour of tint | DEAFULT: 255,51,159 */53
--tint-brightness: 0; /* Brightness of --tint-colour | 0 - 1 (decimals allowed) | DEFAULT: 0 */54
55
/* Other variables */56
--window-padding: 20px; /* Spacing around the Discord window | DEFAULT: 20px */57
--window-roundness: 10px; /* Roundness of Discord | DEFAULT: 10px */58
--scrollbar-colour: rgba(255,255,255,0.05); /* DEFAULT: rgba(255,255,255,0.05) */59
--link-colour: #00b0f4; /* DEFAULT: #00b0f4 */60
61
/*62
Visit https://fonts.google.com and select one to your liking.63
Now just follow this tutorial: https://imgur.com/a/CNbw7xC64
*/65
--font: 'Whitney';66
67
/* Do not touch */68
--update-notice-1: none;69
}70