Display your picture of choice with adjustable blur and brightness.
License: MIT License
Display your picture of choice with adjustable blur and brightness. Dark theme is required.
BetterDiscord Download: https://betterdiscord.app/theme/Frosted%20Glass
Powercord Install: git clone https://github.com/DiscordStyles/FrostedGlass
Vencord link: https://raw.githubusercontent.com/DiscordStyles/FrostedGlass/deploy/FrostedGlass.theme.css
Looking to contribute to Frosted Glass? Read the the contributing.md file.
See the LICENSE file for license rights and limitations (MIT).
First the Audit Log and now the Server List are not being darkened properly.
I'm running Frosted Glass 2.0.8 on Discord Canary c4e4b47 and Powercord v2 83f0aa3.
Describe the bug
After a long period of time, opening discord to the front causes the background image to refetch itself. At first I thought it was just how Electron was handling things but I tried another theme with a background and can't seem to reproduce the issue.
To Reproduce
Have frosted glass enabled, minimize discord for a long time, say an hour(not always an hour, sometimes happens in a lot shorter of a time), and maximize discord. Background should refresh.
Screenshots
Goes from this
to this
then back to the image
Infomation (please complete the following information):
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English
Additional context
I thought it might have been the image I was using since I changed it from the default one and its a larger file, but it seems to do it with the default one too.
This theme doesn't appear to do the issue, maybe it is just where the image is being displayed, I see Frosted Glass is on #app-mount, but ClearVision isn't
Describe the bug
Threads that are opened on the side no longer use the same brightness settings and I couldn't find a way to adjust the brightness of this one section. Threads opened in full view do not have this problem.
To Reproduce
View a thread by clicking on the 'X Messages >' link in a channel.
Screenshots
Infomation (please complete the following information):
Discord channel: Stable
OS: Windows 10
Mod: BetterDiscord
Discord language: English
I would like to either decrease the brightness or increase the blur of the Inbox background to make it easier to read, what lines should I add to the theme CSS to change this variable?
When applying theme this message shows up.
I'm not sure if this happens on other Linux tiling WMs, but on QTile it freezes. Does not happne with any other theme.
Describe the bug
The Frosted Glass theme no longer works on Canary 110234 (b3cd76f).
On the Friends page, everything will be the default dark theme.
In DMs, the "opacity" no longer works, making DMs very bright.
To Reproduce
Update to Canary 110234 (b3cd76f) (or higher?), which as of writing the latest Canary version.
Screenshots
Top of channel:
Channels and (Group) DMs:
Friends tab (censored, obviously):
Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord + GooseMod
Discord language: English
Hi, me again. The custom home icon isn't showing once again, I guess it has to do with better discord being updated or sth like that
A clear and concise description of what the bug is
Steps to reproduce the behavior
If applicable, add screenshots to help explain your problem
Discord channel: Stable/PTB/Canary
OS: Windows/Linux/OSX
Mod: BetterDiscord/Powercord/GooseMod
Discord language: Your language
Add any other context about the problem here. Remove if not applicable.
Discord has pushed its new "gg sans" font and the default Whitney font no longer works. The "--font" variable does not work either. So far this is only present on Canary currently but will be pushed to normal versions of Discord soon as per their statement.
Demonstration of issue with Settings font, however this issue applies to all fonts affected by the theme (as noted in the Temporary Workaround below).
Discord channel: Canary
OS: Windows
Mod: BetterDiscord
Discord language: English (US)
Temporary workaround to use Segoe UI font:
::-webkit-input-placeholder,
body,
button,
input,
select,
textarea {
font-family: "Segoe UI", sans-serif;
}OR to restore the old font (thanks to these guys):
@import url(https://cdn.statically.io/gh/Overimagine1/old-discord-font/main/source.min.css);How can I change the size of the server icons? In some other themes there you could change the size of the server icons to a bit smaller than usual so it looks much neater. May I please know how you can change that.
The most recent updates have made some things look much brighter without any changes to my settings.
The way I compared back to the old version of the theme was throwing the old theme from your deploy branch into my custom css while using an invalid import url in the theme settings file. To go back to the new version I removed the custom css and fixed the import url in the theme settings file.
If it helps here is my settings file (renamed to txt for upload): FrostedGlass.theme.css.txt
Here's a few examples of what it looks like before and after the recent updates:
Before:
After:
Before:
After:
Before:
After:
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English
I can't scroll up or scroll down the list whenever i hover on the Voice Chat to check User game activity
Due to too high transparency, it is very hard to see the content of the options in the select menu.
Click on a select menu (the discord component)
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: English (US)
An offset going up making some buttons not visible
Copy and paste a wall of text and it'll offset it
If applicable, add screenshots to help explain your problem
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English
In the 'My Account' section inside of the settings, the box containing your username, email, and phone number is not sized correctly. There's another lighter colored box under another box that is darker and seemingly too small.
Enable the theme, go to discord settings, and go to 'My Account'.
Discord channel: Stable
OS: Linux
Mod: BetterDiscord
Discord language: EN
...
Whenever a user is clicked on, their profile popouts are transparent. This randomly started within the last week, and I can't find anything in the settings to fix it. Here is an example:
background-image-blur does not work when editing "_theme.scss"
STR:
Attachments
https://streamable.com/9jjqde
Infomation (please complete the following information):
Discord channel: Canary
OS: Windows 10 x64 19043
Mod: Powercord
Discord language: en
The link for base.css inside the config leads to a 404
Simply put, it doesnt make my discord transparent, it makes it dark gray. I dont know how to fix that, please send help.
Bot select menus aren't visible, the text behind the menu shows through the popup.
When opening a thread in side-by-side view, the background image is not darkened.
Open a thread in side-by-side view
Discord channel: PTB
OS: Windows 10
Mod: BetterDiscord
Discord language: English
I solved it in my own custom css with:
.container-3XgAHv {
content: "";
background-position: var(--background-image-position, center);
background-size: var(--background-image-size, cover);
background-color: rgba(0, 0, 0, var(--middle-brightness));
}How to remove the extra image on the sides of the actual app?
(Slight edits after reading the first reply.)
The contents of the entire window "ride up" a certain amount, resulting in an empty black bar at the bottom.
This can be fixed by reloading the app, but is still a minor annoyance.
This is also a very recent issue, I believe it started in the last month or so.
Paste content into the chat bar that is longer than two lines high.
https://prnt.sc/x-zc6xBLD88O
It's not so obvious, so there's no screenshot, but it does push the entire window contents up and so the top of the window gets cut off.
Discord channel: Stable
OS: Windows 10
Mod: BetterDiscord (Also occurs on the browser version of Discord when the theme is installed using the Stylus extension)
Discord language: English
Describe the bug
Several Elements are not Themed properly in the latest Canary Version
To Reproduce
Start Up Discord
Screenshots
Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: en_US
Discord has changed the .scrollerBase ID of the guild column from "_bVAAt" to "1Pkza4", this causes the scrollbar to be visible in the server list and also affects the background of the server list itself. (Background bug very noticeable with dark background image)
src/theme/app/_background.scss (Line 38): _bVAAt -> 1Pkza4
src/theme/guilds/_container.scss (Line 3): _bVAAt -> 1Pkza4
Copy this into Notepad++ or something
There's a _bVAAt in Lines 262, 478 and 481; replace them with 1Pkza4
Upload the css somewhere and replace the first import link in your theme's css
A clear and concise description of what the bug is
Typo in download page, download is spelled "Donwload"
Steps to reproduce the behavior
Attempting to download a theme through the online portal
If applicable, add screenshots to help explain your problem
Discord channel: Stable/PTB/Canary Stable
OS: Windows/Linux/OSX Windows and Gentoo Linux
Mod: BetterDiscord/Powercord/GooseMod BetterDiscord
Discord language: Your language English
Add any other context about the problem here. Remove if not applicable.
In the Readme is only "https://github.com/DiscordStyles/FrostedGlass" without the .git
For People that aren't that used to git it's probably not that easy to install this theme.
https://github.com/DiscordStyles/FrostedGlass.git
an extra space pop up below the message bar
i see an extra space below the message bar when i type a long message and the 2nd layer after the bg where it is blur it moves up and i can see only half of the top screen like server name, inbox, etc
https://cdn.discordapp.com/attachments/962716737525125130/975254390720036874/unknown.png?size=4096
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English
Add any other context about the problem here. Remove if not applicable.
when clicking some profiles, the screen goes slightly moves and flickers.
i just downloaded this theme. click some profiles on the bottom and it'll move up, and clicking some other profiles will fix it.
Discord channel: stable
OS: Windows
Mod: BetterDiscord
Discord language: english
my discord isn't chinese. some of my friends just happen to speak chinese. thanks!
Turn on theme just transparent
https://cdn.discordapp.com/attachments/1071916250239860906/1071916778428563456/image.png
Ptb 172007 (3957068) Host 1.0.1023 (29127) Windows 10 64-Bit (10.0.19045)
After the recent fix involving transparent profile popouts, the theme UI is pretty laggy on every interaction. I tried reloading, as well as redownloading and enabling it, to no avail.
Better Discord updated and the The frosted glass transparent doesn't work anymore. I have enabled the transparency in the settings and doesn't seem to work.
Bot select menus aren't visible, the text behind the menu shows through the popup.
status selector is not themed
Click your profile icon in the bottom left, when it pops up the status selector will be black and unthemed
Discord channel: Stable
OS: Windows 10 21H1
Mod: BetterDiscord
Discord language: English
Hi, me again. The custom home icon isn't showing once again, I guess it has to do with better discord being updated or sth like that
basically in the title, when you try to add a role to a user with that plus button in their popout, the role dropdown is completely transparent.
go to a user in a server you have role add perms in, click on them, and try to add a role with the plus button.
Discord channel: Stable
OS: Windows 10
Mod: BetterDiscord
Discord language: enUS
Describe the bug
i just logged into the discord today and i see this bug
Screenshots
Infomation (please complete the following information):
Discord channel: ((Stable))
OS: ((Windows))
Mod: ((BetterDiscord))
Discord language: ((Vietnamese))
Additional context
P/s: i editted some stuff in the .css file but today i got this bug?
basically what it says in the title. when you open an event it just looks like normal discord
open an event in a server
Discord channel: PTB
OS: Windows 10
Mod: BetterDiscord
Discord language: English
i couldn't really finagle together a fix for this one in my custom css as i didn't know the cause
When you click on a user's profile, there is a square around the profile picture that appears as the background
Uh, so I changed the default colors to red and blue gradient.
But now when ever I wanna mention a user, and when his ping is in the text box ( like @gudguy Hey dude Wassup) it gets bugged, I tried reinstalling but the thing remained the same.
See the attached video if you didn't understand what I said
The reaction pop ups (if you get in the context menu of a message on reactions) don't have the theme, It just have the normal discord look ...
Once I set the theme to be transparent and show my background through it, no matter what I set the blur option to, it won't blur it at all.
This is the screenshot with the theme on. There is no design applied. Can you please fix it. I really like this theme
So here is the problem, I made my frosted glass theme in a theme maker and it's not working properly. The transparency does not apply everywhere. It's active in the settings, in the friends menu
(although that's only partially ) but
it's totally not working when in a server ! You can go see the screens because the problem is pretty apparent.
My transparency in betterdiscord is enabled and I don't see any problem in the .css. Please help me find a solution to this !
Discord channel: Stable/PTB/Canary
OS: _Windows
Mod: _BetterDiscord
Discord language: French
A clear and concise description of what the bug is
nothing visible in settings, servers are broken, dms are broken, this theme is fucking terrible. dont use it
Steps to reproduce the behavior
If applicable, add screenshots to help explain your problem
Discord channel: Stable/PTB/Canary
OS: _Windows
Mod: BetterDiscord/Powercord/GooseMod
Discord language: Your language
Add any other context about the problem here. Remove if not applicable.
Hi, I don't really know to whom I am talking to, but I'd be glad if I can get some help.
The thing is: I've been changing some stuff in the FrostedGlass theme, I've actually been all day trying to fully change everything as I pleased but the thing is that I can't find the part of the code that changes the color of the bottom when you are streaming/watching a stream (I'll attach pics since my explanations are really poor, sometimes I just can't make myself clear, sorry lol).
I would be extremely happy if you could help me,
I'm kinda lost and I just wanna change the icon color (the screen one) to make it match with the rest of the icons in that bar, sorry if this isn't the proper way to ask for help, I didn't know how to contact the theme's author so I thought making an issue form could be it. Thank you!
Forum channels aren't being formatted.
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English (US)
It's been working great so far, when suddenly it just stopped showing the customized url I had written
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
