GithubHelp home page GithubHelp logo

discordstyles / frostedglass Goto Github PK

View Code? Open in Web Editor NEW
115.0 5.0 414.0 288 KB

Display your picture of choice with adjustable blur and brightness.

License: MIT License

SCSS 98.84% JavaScript 1.16%
betterdiscord-theme powercord-theme theme discord-theme

frostedglass's Introduction

Frosted Glass

Display your picture of choice with adjustable blur and brightness. Dark theme is required.

Server Chat

Download

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

Contributing

Looking to contribute to Frosted Glass? Read the the contributing.md file.

License

See the LICENSE file for license rights and limitations (MIT).

frostedglass's People

Contributors

4310v343k avatar biast12 avatar gibbu avatar lioncat6 avatar macluxhd avatar obbaxobax avatar wardenpotato avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

frostedglass's Issues

Various differences in blur, shading, or tinting

Describe the bug

The most recent updates have made some things look much brighter without any changes to my settings.

To Reproduce

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

Screenshots

Here's a few examples of what it looks like before and after the recent updates:

Before:
message_old

After:
message_new

Before:
user_old

After:
user_new

Before:
right_click_old

After:
right_click_new

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

the theme doesnt appear in my dc

Describe the bug

A clear and concise description of what the bug is

To Reproduce

Steps to reproduce the behavior

Screenshots

If applicable, add screenshots to help explain your problem

Infomation (please complete the following information)

Discord channel: Stable/PTB/Canary
OS: Windows/Linux/OSX
Mod: BetterDiscord/Powercord/GooseMod
Discord language: Your language

Additional context

Add any other context about the problem here. Remove if not applicable.

I kinda need some help

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,
imagen
imagen
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!

Transparency isn't blurry

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.

thread window in side-by-side view is not darkened

Describe the bug

When opening a thread in side-by-side view, the background image is not darkened.

To Reproduce

Open a thread in side-by-side view

Screenshots

image

Infomation (please complete the following information)

Discord channel: PTB
OS: Windows 10
Mod: BetterDiscord
Discord language: English

Additional context

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));
}

Home icon not showing

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

idk what is this

Describe the bug
i just logged into the discord today and i see this bug

Screenshots
image

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?

How can I change the size of the server icons?

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.

Broken from Canary Update

Describe the bug
Several Elements are not Themed properly in the latest Canary Version

To Reproduce
Start Up Discord

Screenshots
image

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: en_US

Voice Chat activity bug

Screenshot 2021-12-08 124829
I can't scroll up or scroll down the list whenever i hover on the Voice Chat to check User game activity

Frosted Glass no longer working on Canary 110234 (b3cd76f)

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:
Img 1
Channels and (Group) DMs:
Img 2
Friends tab (censored, obviously):
Img 3

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord + GooseMod
Discord language: English

Server List Background and Scrollbar

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)

Solution:

src/theme/app/_background.scss (Line 38): _bVAAt -> 1Pkza4
src/theme/guilds/_container.scss (Line 3): _bVAAt -> 1Pkza4

Solution for users with the already compiled css: (in case this doesn't get fixed yet)

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

Display of Select Menu is weird

Describe the bug

Due to too high transparency, it is very hard to see the content of the options in the select menu.

To Reproduce

Click on a select menu (the discord component)

Screenshots

image

Infomation (please complete the following information)

Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: English (US)

'My Account' details not sized properly

Describe the bug

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.

To Reproduce

Enable the theme, go to discord settings, and go to 'My Account'.

Screenshots

image

Infomation (please complete the following information)

Discord channel: Stable
OS: Linux
Mod: BetterDiscord
Discord language: EN

Additional context

...

Status selector is unthemed

Describe the bug

status selector is not themed

To Reproduce

Click your profile icon in the bottom left, when it pops up the status selector will be black and unthemed

Screenshots

image

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows 10 21H1
Mod: BetterDiscord
Discord language: English

[Bug] Reaction Pop Up have no Theme

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 ...

Forum channels aren't being formatted

Describe the bug

Forum channels aren't being formatted.

To Reproduce

  1. Use the Frosted Glass Theme
  2. Enter a forum channel

Screenshots

image
image

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English (US)

Upwards Offset

Describe the bug

An offset going up making some buttons not visible

To Reproduce

Copy and paste a wall of text and it'll offset it

Screenshots

If applicable, add screenshots to help explain your problem
image

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

Right side panel brightness not adjustable

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
image

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows 10
Mod: BetterDiscord
Discord language: English

User Profile Popouts are Transparent

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:
image

Background refreshes after an extended period of time of being minimized

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
Discord_A9berEt6tZ
to this
Discord_qxRJgs4s5i
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

Screen flickers upon clicking member

Describe the bug

when clicking some profiles, the screen goes slightly moves and flickers.

To Reproduce

i just downloaded this theme. click some profiles on the bottom and it'll move up, and clicking some other profiles will fix it.

Screenshots

Upload.from.GitHub.for.iOS.MOV

Infomation

Discord channel: stable
OS: Windows
Mod: BetterDiscord
Discord language: english

Additional context

my discord isn't chinese. some of my friends just happen to speak chinese. thanks!

Theme causes the window to "ride up"

(Slight edits after reading the first reply.)

Describe the bug

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.

To Reproduce

Paste content into the chat bar that is longer than two lines high.

Screenshots

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.

Infomation (please complete the following information)

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

Small typo in download page

Describe the bug

A clear and concise description of what the bug is
Typo in download page, download is spelled "Donwload"

To Reproduce

Steps to reproduce the behavior
Attempting to download a theme through the online portal

Screenshots

If applicable, add screenshots to help explain your problem
image

Infomation (please complete the following information)

Discord channel: Stable/PTB/Canary Stable
OS: Windows/Linux/OSX Windows and Gentoo Linux
Mod: BetterDiscord/Powercord/GooseMod BetterDiscord
Discord language: Your language English

Additional context

Add any other context about the problem here. Remove if not applicable.

Frosted Glass stopped working

image
This is the screenshot with the theme on. There is no design applied. Can you please fix it. I really like this theme

fix your entire code, its fully broken my discord beyond usage and now has destroyed my vencord too. making it unusable.

Describe the bug

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

To Reproduce

Steps to reproduce the behavior

Screenshots

If applicable, add screenshots to help explain your problem

Infomation (please complete the following information)

Discord channel: Stable/PTB/Canary
OS: _Windows
Mod: BetterDiscord/Powercord/GooseMod
Discord language: Your language

Additional context

Add any other context about the problem here. Remove if not applicable.

Font Broken As Of December 1st 2022

Describe the bug

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.

To Reproduce

  1. Use Frosted Glass
  2. Font will default to Times New Roman and not function properly

Screenshots

Demonstration of issue with Settings font, however this issue applies to all fonts affected by the theme (as noted in the Temporary Workaround below).
image

Infomation (please complete the following information)

Discord channel: Canary
OS: Windows
Mod: BetterDiscord
Discord language: English (US)

Additional context

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

Changing Inbox brightness/blur?

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?

No transparency even tho its enable in the settings

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 !

Screenshots

image
image
image
image

Infomation

Discord channel: Stable/PTB/Canary
OS: _Windows
Mod: _BetterDiscord
Discord language: French

role add menu is fully transparent, unlike other popouts

Describe the bug

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.

To Reproduce

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.

Screenshots

image

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows 10
Mod: BetterDiscord
Discord language: enUS

Laggy UI

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.

extra space below the message bar

Describe the bug

an extra space pop up below the message bar
image

To Reproduce

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
image

Screenshots

https://cdn.discordapp.com/attachments/962716737525125130/975254390720036874/unknown.png?size=4096

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

Additional context

Add any other context about the problem here. Remove if not applicable.

when opening an event background image is not displayed

Describe the bug

basically what it says in the title. when you open an event it just looks like normal discord

To Reproduce

open an event in a server

Screenshots

image

Infomation (please complete the following information)

Discord channel: PTB
OS: Windows 10
Mod: BetterDiscord
Discord language: English

Additional context

i couldn't really finagle together a fix for this one in my custom css as i didn't know the cause

When you change from the default color, the text-bar gets a bug

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

2021-09-04.09-01-44.mp4

FrostedGlass doesnt work

Simply put, it doesnt make my discord transparent, it makes it dark gray. I dont know how to fix that, please send help.

HOME ICON BUG

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.