Sort of fixed for newest Discord update

Author: Gibbu

bun.lock

@@ -1,9 +1,5 @@
 {
 	"name": "frostedglass",
-	"version": "1.0.0",
-	"description": "Display your picture of choice with adjustable blur and brightness.",
-	"repository": "https://github.com/DiscordStyles/FrostedGlass.git",
-	"author": "Gibbu <Gibbu_@hotmail.com>",
 	"license": "MIT",
 	"private": false,
 	"type": "module",
@@ -13,11 +9,10 @@
 		"reroll": "bd-scss reroll"
 	},
 	"dependencies": {
-		"@discordstyles/classes": "^1.0.4",
+		"@discordstyles/classes": "^1.0.5",
 		"bd-scss": "^3.0.7"
 	},
-	"packageManager": "pnpm@8.15.5+sha512.b051a32c7e695833b84926d3b29b8cca57254b589f0649d899c6e9d0edb670b91ec7e2a43459bae73759bb5ce619c3266f116bf931ce22d1ef1759a7e45aa96f",
 	"devDependencies": {
-		"prettier": "^3.6.2"
+		"prettier": "^3.7.4"
 	}
 }

package.json

@@ -12,7 +12,7 @@
 	}
 
 	// Container shadow
-	.subtitleContainer_f75fb0::before {
+	.f75fb00fb7356cbe-subtitleContainer::before {
 		content: '';
 		position: absolute;
 		height: 5px;
@@ -25,29 +25,30 @@
 		border: none;
 	}
 
-	.container__9293f, .container__133bf {
+	._9293f6b2fc12398a-container,
+	._133bf5eea8e33a34-container {
 		border: none;
 	}
 
 	// Bot tags
-	.botTagRegular__82f07 {
+	._82f0793afa59e5dc-botTagRegular {
 		background: var(--gradient);
 		color: var(--text-normal);
 	}
-	.botText__82f07 {
+	._82f0793afa59e5dc-botText {
 		font-weight: 600;
 	}
 	.botTagInvert-18-95s {
 		color: rgb(var(--gradient-primary));
-		.botText__82f07 {
+		._82f0793afa59e5dc-botText {
 			font-weight: bold;
 		}
 	}
 }
 
 //Globally fix scrollerbase getting its overflow set to hidden from the backgrounds
 //we need a really powerful selector for this
-html body #app-mount .scrollerBase_d125d2 {
+html body #app-mount .d125d22cdfd32cfe-scrollerBase {
 	overflow-y: scroll !important;
 }
 
@@ -84,4 +85,4 @@ html.custom-theme-background #{cls('mount app.inner')}::before {
 	font-weight: 700;
 	font-size: larger;
 	z-index: 9000;
-}
+}

src/theme/app/_app.scss

@@ -1,5 +1,5 @@
 #app-mount {
-	.bg__960e4 {
+	._960e4207cea8323e-bg {
 		top: -22px;
 		right: 0;
 		bottom: 0;
@@ -23,34 +23,34 @@
 	}
 
 	[role='menu'],
-	.autocompleteInner__13533,
-	.container__55c99,
+	._13533e3c5791980f-autocompleteInner,
+	._55c999adcf6db265-container,
 	.container-enaOkj,
 	.container__56cd1,
 	.contextMenu-HLZMGh:not(.scroller-2FKFPG),
-	.contentWrapper__08434,
-	.appAsidePanelWrapper_a3002d .layerContainer_da8173 .clickTrapContainer_da8173 #emoji-picker-tab-panel, //for the reaction picker on messages, distinct from normal emoji picker
-	.messagesPopoutWrap__45690,
-	.modal__7f8f5:not(.slide-2pHaq5),
+	._084343c4f11eaaab-contentWrapper,
+	.a3002d7de5be5280-appAsidePanelWrapper ._59d0d7075b521375-layerContainer ._59d0d7075b521375-clickTrapContainer #emoji-picker-tab-panel, //for the reaction picker on messages, distinct from normal emoji picker
+	.e8b59c4b335dd2fc-messagesPopoutWrap,
+	.ab9bdf90e7c35b35-modal:not(.slide-2pHaq5),
 	.root-1gCeng:not(.fullscreenOnMobile-1bD22y),
 	.root-8LYsGj,
 	.subMenuContext-2n_9YM .scrollerWrap-2lJEkd,
-	.quickswitcher_ac6cb0,
+	.ac6cb02cd15b4b3b-quickswitcher,
 	.root-1gCeng.wrapper-2ZbzR9,
 	.modalRoot-1Kx4Hb,
 	.container-3JTnYm.thin-1ybCId.scrollerBase-_bVAAt,
-	.popoutContainer__0f481,
+	._0f481cbbd7530492-popoutContainer,
 	.userProfileModalOuter_c69a7b,
 	.container-2O1UgZ,
-	.container_d9c882,
-	.popout__76f04,
-	.reactionTooltip_b49891,
-	.picker__09f65,
+	.d9c8822889d1d4a1-container,
+	._76f047ded9fef6d4-popout,
+	.b49891f8a231dbff-reactionTooltip,
+	._09f65b4b8a3f8d26-picker,
 	.container-3a5mk-,
-	.popout__86331,
-	.popout__3f413,
-	.streamPreview__6da2d,
-	.wrapper_f7ecac {
+	._86331cbd99f88226-popout,
+	.a16aea1526925c2c-popout,
+	._6da2d8abf659f945-streamPreview,
+	.f7ecaca5c80dbf3a-wrapper {
 		overflow: hidden !important;
 		position: relative;
 		border-radius: 3px;
@@ -77,8 +77,8 @@
 		}
 	}
 
-	.topicsDropdownBase__0f481,
-	.container__4e30a {
+	._0f481cbbd7530492-topicsDropdownBase,
+	._4e30a003110eaaf1-container {
 		overflow: hidden !important;
 		position: absolute;
 		border-radius: 3px;
@@ -104,7 +104,7 @@
 		}
 	}
 
-	section.positionContainer__08434 .outer_c0bea0 {
+	section._084343c4f11eaaab-positionContainer .c0bea05627c5dc35-outer {
 		overflow: hidden !important;
 		position: absolute;
 		border-radius: 3px;

src/theme/app/_background.scss

@@ -76,7 +76,7 @@
 		color: rgb(255, 255, 255, 0.5);
 	}
 	// Radio buttons
-	.item__001a7 {
+	._88a69141dd70013a-item {
 		border: none;
 		background: var(--background-secondary);
 		.checkbox-1ix_J3 {
@@ -95,9 +95,9 @@
 			polyline {
 				stroke: rgb(var(--gradient-primary));
 			}
-			&:has(> .radioBar__001a7[style*='--radio-bar-accent-color']) {
+			&:has(> ._88a69141dd70013a-radioBar[style*='--radio-bar-accent-color']) {
 				background: transparent !important;
-				.radioBar__001a7 {
+				._88a69141dd70013a-radioBar {
 					background: var(--radio-bar-accent-color);
 				}
 			}
@@ -134,7 +134,7 @@
 	}
 	// Select
 	[class*='css'][class*='control'],
-	.select__3f413 {
+	.a16aea1526925c2c-select {
 		background: var(--background-secondary);
 		border-color: transparent;
 	}
@@ -143,16 +143,16 @@
 		opacity: 1;
 	}
 	// Select Dropdown
-	.popout__3f413 {
+	.a16aea1526925c2c-popout {
 		backdrop-filter: blur(var(--overlay-blur, 5px));
 		background: rgb(0 0 0 / var(--overlay-brightness));
 		overflow-y: scroll !important;
 	}
 	// Range
-	.bar_a562c8 {
+	.a562c840daab72a7-bar {
 		background: var(--foreground-double);
 	}
-	.barFill_a562c8 {
+	.a562c840daab72a7-barFill {
 		background: var(--gradient);
 	}
 	// Keybind

src/theme/app/_inputs.scss

@@ -1,16 +1,16 @@
-#app-mount .title_f75fb0 {
+#app-mount .f75fb00fb7356cbe-title {
 	background: transparent;
-	.searchBar__97492 {
+	._974928fe84ca9647-searchBar {
 		border: none;
 		background: var(--background-secondary);
 	}
-	.children__9293f::after {
+	._9293f6b2fc12398a-children::after {
 		content: none;
 	}
 }
 
 // Makes the top bar more easily grabbable
-.titleBar__421ed {
+._421edea01cb52e16-titleBar {
 	height: 20px !important;
 	-webkit-app-region: drag;
 	pointer-events: none;

src/theme/app/_toolbars.scss

@@ -1,12 +1,12 @@
 #app-mount {
-	.tooltip__382e7 {
+	.c36707910f687430-tooltip {
 		color: var(--text-normal);
 		text-align: center;
 		font-weight: 600;
 	}
-	.tooltipPrimary__382e7 {
+	.c36707910f687430-tooltipPrimary {
 		background: var(--gradient);
-		.tooltipPointer__382e7 {
+		.c36707910f687430-tooltipPointer {
 			display: none;
 		}
 	}

src/theme/app/_tooltips.scss

@@ -1,5 +1,5 @@
 #app-mount {
-	.wrapper_cb9592.minimum_cb9592 {
+	.cb9592ad77576717-wrapper.cb9592ad77576717-minimum {
 		background: var(--background-secondary);
 	}
 	.centerButton-3CaNcJ {
@@ -8,7 +8,7 @@
 			background: var(--foreground-double);
 		}
 	}
-	.controlButton__1405b.leaveButton-2YnTyt {
+	._1405b3b8e8eb5fd0-controlButton.leaveButton-2YnTyt {
 		background: rgb(var(--discord-red), 0.5);
 		&:hover {
 			background: rgb(var(--discord-red));

src/theme/chat/_call.scss

@@ -5,7 +5,7 @@
 		margin-top: 0;
 
 		//FIXME: Find out what this is
-		.themedBackground__74017 {
+		._740174f3d6a2c8fe-themedBackground {
 			background: transparent;
 		}
 

src/theme/chat/_chatbox.scss

@@ -43,7 +43,7 @@
 	}
 
 	// TODO: add this this discordclasses
-	.chatGradientBase__36d07 {
+	._36d072eab2b2e737-chatGradientBase {
 		display: none;
 	}
 	//#endregion Chat