Download Source Code
Online Editor
Sign in to like
Made by:
Gibbu
Release date:
26th June, 2019

Frosted Glass

137.7K 225.8K 111

Display your picture of choice with adjustable blur and brightness via variables in the theme file. Discord Dark theme is required.

Comments (63)

Found a bug for Frosted Glass? Report it here

Sign In to post a comment

Teto

Hey Gibbu, Love the background, very simple to apply and works great! My only conern that I would like to address and ask for your assistance about, is that it seems ive lost the function to drag my discord around in windowed mode. Any help would be great! thanks!

Gibbu

Don't don't lose it, it's still in the same place. Just invisible.

Isai Hernandez Martinez (Grade 10)

sorry to be a downer but im having some issues i cant full screen discord is that normal?

reub

When I try and download through the online editor it just downloads it as a .txt file rather than a .css file. Help.

Isai Hernandez Martinez (Grade 10)

just change the .txt file to .css file afterwards just change it by saving it as .css file

?????? ?? TwinSKy

O9IO

GamesAndSheep

what size of pixels have background

Gibbu

Whatever your Desktop resolution is.

Legend Modz

For some reason this theme and some others seem to lag for discord; chugging when opening any setting, when viewing edit channel it takes 2 seconds to open while also chugging. Hardware acceleration is on.

Aston Bell

When I put it in the right file and check it on my discord it doesn't come up. what do I do?

Malagron

How would I go about changing the tagging behaviour to look like default Discord? As in tagging a person or channel or role. Everything else is great, but I prefer the default discord tagging colours. Both the background of the tag, and the text colour. This would also apply to the background of the currently selected channel on the left.

Semkirli 57

Please Send Me Background Wallpaper

chloeY2K

hi, i went into the editor and when i downloaded it and put it into the right file location it still wouldnt come up in discord at all and i tried restarting discord and the process multiple times

chloeY2K

i figured it out nvm

Aston Bell

how did you fix it?

a g i t o _

Hey,
First, thank you for all the great work you made for us! :D
I've been using your online theme editor a few times, it is really well maid and useful, but I was wondering if it was possible for you to add an option to allow people to import their current theme (based on Frosted Glass, of course!), to remodify it more easily?
Maybe it is already possible and I haven't seen it yet :/

Thanks! (and sorry for the eventual mistakes in english)

Gibbu

While this is possible it is extremely hard. I've tried it once and couldn't get it to work. But I'll give it a shot when I'm not busy with other things.

a g i t o _

Alright! Thank you and keep up the great work!

Autumn Box

How do you set different images for the modals and popouts?

Gibbu

Learn CSS and change it yourself. There are too many classes to just give 1 person. And adding new variables for it would make the theme file a lot more cluttered.

Matias

Great theme overall, but when I use the new "unreads" box and I click on "read all", the confirmation pop-out appears behind the unreads box (and I can't click on yes).

Bearlos OwO

Hello ^^ im having this weird issue
that when i wanna put emoji into my status it pops up behind it and i cant click on any of it because if i do it cancels the status window
i tried reinstalling discord it self, redownloading the theme aswell but still the same problem
https://imgur.com/sWQSemF

dontdeadopeninside

I am having the same issue with saving pictures. Very annoying to have to turn off the theme when I want to steal a meme.

Sora XO

Hiya, I love the theme, it's my absolute favourite! I was just wondering, I'm having this weird issue where the roles and notes section of the user popout appears like the Discord default, is there some reason why? I tried restarting Discord and everything. https://imgur.com/a/nUYHeF5

Gibbu

Are you using PTB/Canary builds of Discord?

Sora XO

Yes, I'm using PTB, but it was working fine till now anyways. Is this a known issue with PTB?

Gibbu

Seems like it was a recent update by Discord. It's been fixed now.

Squishy.

Hello do you have any idea what the resolution is for the Discord Popout Modal?

iKuudere

There's no gif button.. am I doing something wrong or have you not added it?

Gibbu

You can easily turn it back on. Open your FrostedGlass.theme.css file and set --show-gift-gif-buttons to block. Like so: https://i.imgur.com/1KdApzP.jpg

I removed them because you can access GIFS from the emote panel now.

Sultan Muhammad.R

Hi, is there a way to change the background image? if yes then how?

Gibbu

The easiest way is to just use my online theme editor: https://gibbu.me/editor/frostedglass

sDeithwen

Hi, I have a question: can I somehow remove this empty area between the border of the background photo and the discord interface. For example, so that the button for closing the discord is close to the border of the window (As in a regular Discord)
https://yadi.sk/i/RH05OEBBtTJYIw

Gibbu

Yep. Open your FrostedGlass.theme.css file and change --window-padding: 20px; to --window-padding: 0px;.

Rufus Lagerkvist

how do i get a pic url

Nicolas

I can't open the "Posts" tab. when I click with the right button to give posts to someone it doesn't work, which is a shame because I manage several servers

Gibbu

What the crap is the posts tab? A screenshot would help a lot

Francisco Russo

Hi, I can't drag the discord windows, it's kinda glitchy when I try to fullscreen and unfullscreen the app

Jake Woods

I'm having some trouble with the scroll bar on the chat channels bar. It seems to shake/vibrate when I hit the bottom of the scroll.
https://gyazo.com/70adc143804cfbb97055532e80d6a780
Doesn't happen with any other themes, not sure what can be done.

Gibbu

Huh, I've never seen this before. Could you try disabling all your plugins and then check again? I really can't think of anything that would cause this.

Lamire7

This is the best theme ever and I could succesfuly change the background. The only problem is that you can see the screenshare button to start screesharing, it just doesnt show the "share button"

Zajiin

The grid view/focus view backgrounds for voice channels are black, is there anyway I can make them transparent?

Also, i've noticed that voice channels don't have the gradient colors.

Gibbu

I'm not sure what you mean, can you provide screenshots?

Zajiin

https://imgur.com/a/UGlFbNv

The red area would be the background for voice channels, and the orange area (on the left) would be the voice channels that are missing the gradient.

Gibbu

Ahhh, I see. I'll see what I can do

Jake the Gamer

I love the theme but the gif and gift buttons are missing

Ragnar Thorirsson

my question is i re-downloaded the theme but it doesn't seem to be re uploading and i went to try to add you on discord but says you have to add me. so my question is How do i get it working after i've re-downloaded the theme?

Gibbu

Make sure the file name doesn't contain any (1), (2) ect..

Ragnar Thorirsson

i did that thnx

ColdGuy475

Love the default background image you chose but I can't seem to get it to show without using another theme, and even then the image is very blurry. Any Ideas?

Gibbu

The image itself is actually blurry while zoomed in at 100% (https://i.imgur.com/kYW2H5C.jpg). If you want similar images or try find one that's not blurry, you can Google "Among Trees game wallpapers".

Adam King

Is there a way to remove the glow/shadow from usernames? It doesn't mix well with my background.

Gibbu

Yep. All you have to do is add this variable: --text-shadow: 0; to your FrostedGlass.theme.css file. Like so: https://i.imgur.com/gydrQkE.jpg

CrowwW FX

hi I love the theme, but I can't get the transparent background to work it's just black and I did all the steps you wrote in the comments

r-S0316

Please add back the ability to change the default black frost to another color (preferably white)

Gibbu

You can do something like this by using the background tint variables. Example: https://i.imgur.com/VPpTonI.mp4
I also recommend using my editor as it will make customizing it a lot easier. https://gibbu.me/editor/frostedglass

xFuzion101

Idk if this is just for me but i see no gif box for this theme and it only disappear with this theme it doesn't with the other themes,
https://imgur.com/p2N71DU theres no gif section or nitro selection

Gibbu

Open your FrostedGlass.theme.css file and set --show-gift-gif-buttons to block. Like so: https://i.imgur.com/1KdApzP.jpg

hkdark

using your customization builder - would it be possible to add in the ability to change font sizes and colors, as well as modify the font shadowing? on some of the lighter brightness levels, the font colors are hard to work with. this theme is amazing and more so, that customizer you made makes things so easy!

AKN

any way to make it not lag discord? its noticably slower with frosted class, i am running a custom background

Gibbu

Make sure Hardware Acceleration is enabled in your Appearance settings.

Tomiboi

The preview for the popout/modal image in the editor shows the picture you select filling in the popout with the entire image, but when you actually export the theme and use it, the popouts are more like a window looking at the entire image as if was the background, but you're only able to see it trough this window. another way to say it is, its like looking at a huge image trough a spy glass up close. was just wondering if this is a bug or intended, if it is a bug would it be possible to get a version where you just choose an image to fill in the popout? again sorry if you don't understand what i'm trying to say, its pretty hard to describe

Gibbu

I think I understand what you're saying. The preview only works like that on browsers that aren't chrome/chromium based. But you can still change it. Simply open your FrostedGlass.theme.css file and mess around with the --popout-modal-size and --popout-modal-position variables. A simple Google search for "CSS background-position" and "CSS background-size" should tell you all you need for edit it.

Tomiboi

Thanks for your quick response, i tried editing it, sorta fixed it, but only the popout when clicking members list. The rest are still randomly positioned it feels.

Zensynthium

Just wanted to say thanks for the amazing discord skin, I fell in love with it the moment I saw it haha. Keep up the great work ;)

Morgan Dusty

please return version 1.0.0, you broke this version, for example, the text in the servers is the channel text so bright, even the indicators do not help, please return.

Gibbu

You can change that for yourself but just adjusting the --channels-default variable. Like so: https://i.imgur.com/8oHXdVq.jpg
You can view all the available variables for you to change here: https://hastebin.com/ifumopocag.css

Morgan Dusty

please return version 1.0.0

Gibbu

Hey man, CSS is pretty easy to learn, so either do that and customize it to your liking or use a different theme.

Dusk Shade

Is there any way to continue using v1 themes? I ask as I cannot find a way to load the v1 theme into your v2 editor, or any other way to update it, and when I manually updated my current theme to v2 by copy/pasting + manually typing stuff over from the v1 theme into a freshly downloaded v2 .css, quite a bit is just broken, such as the channel list not highlighting the active channel, @mentions have no color, and a few other BS things...

In short, can you add an option to the theme editor to load existing themes from HDD, or just put out a theme updating script?

Gibbu

I could try but I would have to change a lot of things with the current theme editor

Dusk Shade

A guide on properly manually updating would be more than fine by me, since it would save you the need to rewrite the editor (or a separate update page)

though to be fair I'm the lazy pea-brain who just wants to keep using v1 theme I already have without the "It's out of date" message which on my BD install just stops it from loading anything from the theme...
Fun how it was working fine because my pc had been on for over 72 hours, then a discord restart and it broke LOL

Rainbowdrgn

Before the update, when you ctrl+k the custom image would pop up on the search window but now it doesn't do that. Is there a way to fix it?

Gibbu

Ah I totally forgot about that. I'll fix it sometime soon.

Rainbowdrgn

Thanks for fixing it!

Bearlos

Hello i wanted to ask is there a way to use old version of frosted glass i kinda dont like the new updates i liked it more when the spotify was bright green as before and not this transparent thingy i tried to edit it but the green is just so ugly when i make the background not transparent which i prefer but the colour of the green is just so ugly
https://imgur.com/h0SzFxn
https://imgur.com/rzGlwZo
it just doesnt look nice so if there is a way i can go back to the first version or just make the green brighter cause i dislike this alot

Gibbu

Paste this at the very end/bottom of your FrostedGlass.theme.css like so: https://i.imgur.com/KCCU7fb.jpg

#app-mount .root-SR8cQa .topSectionSpotify-1lI0-P,
#app-mount .userPopout-3XzG_A .headerSpotify-zpWxgT{
    background: #1db954 !important;
}
#app-mount .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY {
    background: #fff !important;
}

The reasoning as to why I made it like that is; the whole point of this theme is to show a blurred background and having 80% of the user popout/modal being hidden didn't really make sense. Also you're hating a entire theme for something that's you're not going to see that often?

Bearlos

Thanks for the help <3
and sorry if it came out like hate towards it i didnt meant to make it sound like that i think you did great job on it and i like it alot keep up the good work :3

Whitehound373

hey, i understand you have updated the them but does transparent background no longer work? cause i used to have a transparent background so i could see through discord but now it doesnt work.

Gibbu

Set --background-image-blur to none. Like so: https://i.imgur.com/xajj9pQ.jpg

wice

Hi, today when I logged on to discord, it said that my Frosted Glass Theme was outdated and I'll need to reinstall it, I wasn't sure if it meant BD in general or the theme (because i'm new to BD), so I did both. When I redownloaded Frosted Glass, and put it in my themes folder, it said no themes showed up when I went to enable it. I tried restarting discord, redownloading the theme and putting it back into the folder, but nothing worked. What should I do?

Gibbu

Make sure the file name doesn't contain any (1), (2) ect...

Darío425

I downoloaded it (bcs is awesome) but I customized it a bit and now i have a message that says my version is outdated.
Is there a way to hide it?
Thank you :3

Gibbu

Sorry about that.
Add this to your FrostedGlass.theme.css file so you don't get the update warning.
--update-notice-1: none; Like so: https://i.imgur.com/tRtvYk8.jpg

Darío425

I did a lil research and found the "--update-notice-1:" parameter and set it to "none" (i though your online editable theme wouldn't have that problem and i were right :P)

Thank you!! ^^

Somberyu

Thank you, this is a great theme.

I must ask, however: What exactly does the tint variable do? I've tried many values for it's colour, but see no change.

Gibbu

It adds whatever colour you choose on top of the brightness variables. Example: https://i.imgur.com/VPpTonI.mp4
I also recommend using my editor as it will make customizing it a lot easier. https://gibbu.me/editor/frostedglass

Mathiousse

Does it not work anymore?

Gibbu

Ah sorry about that. I just pushed out an update that changed a lot of things. Simply redownloading should fix it.

Sennx

I ended up finding a bug that is when I'm going to answer someone, the chats add the profile picture of the person I'm talking to, below will have a print.

https://imgur.com/OGMDjiW

Men Tabarnak

Hi, would it be possible to remove the border that seems extra (SS#1) and make it look like (SS#2)
SS#1: https://imgur.com/us89U6l
SS#2: https://imgur.com/Dab0PUG
Might not be super clear but i hope you understand what i mean. I just want to make the background fit with the round corner of the discord theme.
Thanks :)

Gibbu

So you want to remove the border around the discord window?

Men Tabarnak

Yes, that would be great. It would make discord look smoother.

Gibbu

You can either use my editor: https://gibbu.me/editor/frostedglass and under the "Others" panel set "Window Padding" to 0.
Or without my editor: Open your FrostedGlass.theme.css file in a text editor (I recommend at least Notepad++). and find the variable named --BG-window-padding and set the value to 0px. And that should remove the borders.

Note: due to how images are rendered setting window padding to 0 will introduce a fade on the edges of the screen

Men Tabarnak

It does work but like you said, the corners are now back to normal. Would there be a way to make em back round ? Because i love what you did but the border seemed extra.

Vykon Design

Hi! Gibbu i want to thank you for this amazing theme i like it so much but there is a problem i can't i minimize the discord anymore also can't resize it please if you have fix for it or way to fix it show me how please

Gibbu

You can minimize Discord by pressing the minimize button. And the theme doesn't prevent you from resizing the window.

Vykon Design

okay i want to change the position of the minimize button and restore and close like here
https://imgur.com/a/TG52LOH

Gibbu

Open your FrostedGlass.theme.css and change --BG-window-padding to 0px

Lil' WalkerKing

So my discord is fully transparent, and i want to make the chat box and other boxes more visible like darkening it. How do i do it?

Gibbu

Open your FrostedGlass.theme.css and change the --BG-[area]-brightness variables.

Pale Greenwood

Is there a way to make the scrollbar more visible for DMs and channels and the like? It's almost impossible to see in DMs with the default image. :c

Gibbu

I just updated it to allow for a custom scrollbar colour to be used. Either redownload the theme or add this variable inside the :root in your FrostedGlass.theme.css. --BG-scrollbar-colour: rgba(0,0,0,0.5);

sick Icetea

For me there is an edge around the close / minimize button how do I change it?

Gibbu

A screenshot of what you're talking about would be very helpful. But I'm guessing you're talking about --BG-window-roundness and if so just set that to 0

FSN Rin_sv

Hi. for some reason I cant drag the discord window around after enabled this theme

Gibbu

You can drag the window by place your cursor close to the top of Discord. You can also remove the old title bar addon by removing this line: https://i.imgur.com/EEEHRTz.jpg

Jaroslav Klimko

Is there a way to change the brightness of the background? My background is kinda dark

Gibbu

You can open your FrostedGlass.theme.css file and then change each of the --BG-[area]-brightness variables.
Or you can use my website editor to make life a lot easier. https://gibbu.me/editor/frostedglass

Jacob Herzog

This is great, but since I'm on Mac, the close/minimize/maximise buttons overlap with the Discord home button is it possible to fix this?

Gibbu

I don't seem to get this issue. https://i.imgur.com/NcInnzD.jpg

Jacob Herzog

Sorry I wasn't specific: it happens when I make the server list have multiple columns

Gibbu

How to get a transparent background (see through Discord)

Open your FrostedGlass.theme.css file and follow these steps:

  • Remove the image url from --background-image
  • Set --background-image-blur to 0px
  • Set --window-padding to 0px
  • Go to BetterDiscord settings and scroll to the bottom and enable Transparency https://i.imgur.com/26iDepV.jpg.
  • Completely restart Discord. This can be done many ways. But the easiest is to just ALT + F4.

NOTE: Frosted Glass is not built around the transparency option. I recommend using BasicBackground by DevilBro as it was built with transparency in mind.

Men Tabarnak

Your theme doesnt seem to work in the emote section, are you going to add it later ?
https://imgur.com/3lGKTIO

Men Tabarnak

I forgot to tell you that your theme is amazing, thank you for making it.

YELLERR

I tried this and it still won't go transparent. I tried BasicBackground and the trasparency worked on that, but I much prefer the look of this. Is there anything else I could try to fix it? Thanks for your time.

Gibbu

I just updated the comment, follow it and it should work

Raiden

Jezzz, IT WORKED, transparency is back !

My hint for noobs like me:
Guys, I couldn't make it transparent by using just the Online editor, but you can use it to set your preferences this way and then open the .css file with Notepad and change the --background-image-blur from XX px to none - as Gibbu instructed and then it would work (remove any URL background image of course.

KUDOS to Gibbu for this AMAZING theme.

Gibbu

I can definitely add a option to have set the background image to transparent to my editor

Edit: turns out that will be harder than I thought :\

YELLERR

Worked perfectly! Thank you so much! Your effort in this project is really inspiring!

Rufus Lagerkvist

dont put "none" put 0 instead of 5px on --background-image-blur

Gibbu

Yeah true, I had forgot to update the comment when changing the blur method

Alisha

I absolutely love this!!!!!!!!!! I'm not a personal fan of the outer spacing on the edges but other than that, its GREAT!!

Gibbu

You can remove that if you wish. Just open the theme file and set --BG-window-padding to 0px.
Or just use my website editor to make it a lot easier. https://gibbu.me/editor/frostedglass

Horváth Zsombi

Help! Yesterday, everything was working perfectly, when I launched Discord today, the theme did not show up inside the Discord settings, nor did I see it, it was the default look. The theme is in %appdata%\BetterDiscord\themes, but I think Discord doesn't recognize it. I don't know what's going on

AppleGamerYT

I love it but the dear background is not working i recommend uploading it to other website because its not working

Gibbu
david

HELP ME PLZ I CANT DISABLE THE THEME???

Gibbu

Make sure you don't have multiple none addon themes enabled.

Open your Windows start menu and type %appdata%\BetterDiscord\themes. Find FrostedGlass.theme.css and delete it.

Pablo Javier Hernández Calderón

Sick theme, however there is a problem that shows up on my discord.

For some reason, when I place it on, the bar above discord where you can grab discord to move it around on your computer, and where the minimize / fullscreen / X buttons should be is gone, I can see the buttons on Discord but the bar is gone meaning I can't move discord to another location which is troublesome, is there any way to fix that?

Gibbu

Can you send a screenshot? I'm not quite sure what you're talking about

Oliver Racek

hej can i get dis theme as a wallpaper [for pc]
if you find the photo please send it to me

Gibbu

The image can easily be found by opening the downloaded file and getting the url.
https://i.imgur.com/kYW2H5C.jpg

TheGag2000

Is there way that you can have a fully transparent background?

iivxia

yeah i agree that'd be great

Gibbu

I just posted a pinned comment.

Luca Allegre

This is amazing ! :D