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

Frosted Glass

203.2K 337.8K 172

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

Comments (81)

Found a bug for Frosted Glass? Report it here

Sign In to post a comment

yokai

Amazing theme you have here, is there any way to change the gray overlay's tint color? I have my background as bright pink and I find the overlay mutes it a bit.

PeterStrick

Hello, nice theme, but is there a way to make the UI / the thing when you press on an emoji darker or distinguishable from the Chat? Haven´t found that option in the CSS. Screenshot of what I mean: https://i.imgur.com/yMz7NK2.png

Gibbu

That's just me being lazy and forgetting about fixing that.

ChickenFriedWie

How, and where would you put in your own picture and edit it?

Gibbu
arsonify ttv

I like the Among Trees background :0

herili4697

How can you make this menu opaque?
https://i.imgur.com/JP2etdQ.jpeg

Entropy

Is there a way to get rid of the border?

QuartzAl

simply open the FrostedGlass.theme.css and look for --window-padding: 20px; change 20px to 0px

Umbreon

really cool, thanks

REAL.uglybastard.IRL
I honestly try as you said but that doesn't work, the background keep black even with the tuto under the CSS.
Pol Suárez

Hey I really like this theme, good job, could you pass me the background image please I would like to have this as a wallapaper and have the same background. Thanks <3

Gibbu

You can open the theme file and get the background image url from there.
https://i.imgur.com/kYW2H5C.jpg

SH0CKWOLF

I really like the look but I do have a question to ask how can I make it not be small and make it fullscreen?

-_Spade_-

Made an account just to comment N i c e

beanos

how do i downoload it

Eevee Puff

Click the download button to the top left of the screen

Hekoi Kina

Heyo, was wondering if there was a version of this that doesn't rid of the favorite gif option in the chatbar?

Gibbu

Just open the FrostedGlass.theme.css and change --show-gift-gif-buttons: none; to --show-gift-gif-buttons: block

Hekoi Kina

Thank you, I didn't see that before <3

Hussy

hey, i just downloaded this and it looks absolutely amazing. i just wanted to know how you can change the background an image i have on my computer. thanks in advance tho

Gibbu

Cheers mate, you can use my online editor to make thing easier.
https://gibbu.me/editor/frostedglass

Xelostar

This is a really epic theme! Had no trouble customizing it a little! I love it! My only convern is that I didn't like the border around it and I had to remove it manually in the CSS. On top of that I wanted the old bar at the top, but it was too bright if I uncommented the import. I had to figure out just a little of CSS to get it a darker color how I want it to. I don't mind doing this, but I'm afraid other people might be turned off when having to put in effort and people who don't realize it's customizable might not want to use this theme, just because something that is customizable isn't exactly configured as they want it to be,

Isaac Nunez

How do you remove the border?

SH0CKWOLF

Same here, how can I remove the border?

Jeick Melgar Matos

Bro sabes como arreglar el error de que al presionar En Gif no me deja abrir, o almenos me podrias explicar como volver a poner el boton de gif

Jeick Melgar Matos

ya lo arregle lo vi en un comentario

Santi

can you say to me how can i create a background pls

juan jose arango diaz

Hi! I would like that image for my desktop background :3

Gibbu

Just open the theme and get the background url in --background-image

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