Merge pull request #112 from biast12/main

Class name update
DiscordStyles · Oct 28, 2023 · e09c468 · e09c468
2 parents fb26979 + 86fa426
commit e09c468
Show file tree

Hide file tree

Showing 54 changed files with 394 additions and 372 deletions.
diff --git a/src/addons/_icons.scss b/src/addons/_icons.scss
@@ -2,17 +2,17 @@
 @use '../theme/assets/mono';
 @use '../theme/assets/brand';
 
-.wrapper-NhbLHG {
+.wrapper__7bcde {
 	--fluent-icons-color: var(--interactive-normal);
-	&.modeMuted-2T4MDZ {
+	&.modeMuted__0aeea {
 		--fluent-icons-color: var(--interactive-muted);
 	}
-	&.modeUnread-3Cxepe {
+	&.modeUnread_f74c03 {
 		--fluent-icons-color: var(--interactive-active);
 	}
 }
 
-.link-1_kTxV {
+.link__95dc0 {
 	path {
 		display: none;
 	}
@@ -81,7 +81,7 @@
 	}
 
 	// Channel modifiers (locked/threads)
-	.iconContainer-21RCa3 {
+	.iconContainer__3f9b0 {
 		// Locked channel
 		&:has(path[d^='M21.025 5V4C21.025'])::before,
 		&:has(path[d^='M13 4C13 3.66767 13.0405'])::before,
@@ -117,7 +117,7 @@
 }
 
 // Send button
-.sendIcon-1HcEzu {
+.sendIcon__461ff {
 	mask: url(mono.$paper-plane) center/cover;
 	background: var(--fluent-icons-color);
 	path {
@@ -369,8 +369,8 @@ $icons: (
 	'account-switch-account': mono.$user-swap
 );
 
-.item-5ApiZt:not(#account-status-picker, [role='menuitemradio'], .hideInteraction-1vQrZJ) {
-	.icon-3XHs8t {
+.item__183e8:not(#account-status-picker, [role='menuitemradio'], .hideInteraction__2790e) {
+	.icon_f09dde {
 		display: none !important;
 	}
 	&[role='menuitem'],
@@ -383,7 +383,7 @@ $icons: (
 			background: currentColor;
 			margin-right: 8px;
 		}
-		& + .layer-2BGhQ8 .item-5ApiZt::before {
+		& + .layer_ec16dd .item__183e8::before {
 			content: none;
 		}
 		&.focused-3qFvc8::before {

diff --git a/src/theme/_dark.scss b/src/theme/_dark.scss
@@ -1,5 +1,5 @@
 .theme-dark,
-html.theme-dark #app-mount .theme-light .root-g14mjS {
+html.theme-dark #app-mount .theme-light .root_a28985 {
 	--dark-bg-h: var(--dark-background-hue, 0);
 	--dark-bg-s: var(--dark-background-saturation, 0%);
 

diff --git a/src/theme/_light.scss b/src/theme/_light.scss
@@ -1,5 +1,5 @@
 .theme-light,
-html.theme-light #app-mount .theme-light .root-g14mjS {
+html.theme-light #app-mount .theme-light .root_a28985 {
 	--bg-main: #f3f3f3;
 	--bg-alt: #fafafa;
 	--bg-content: #fbfbfb;

diff --git a/src/theme/app/_app.scss b/src/theme/app/_app.scss
@@ -2,7 +2,7 @@
 
 // Wack ass text flickering
 html,
-span:not([class*='spinner-'], [class*='spinnerItem']) {
+span:not([class*='spinner_'], [class*='spinnerItem']) {
 	backface-visibility: hidden;
 }
 
@@ -16,9 +16,9 @@ body,
 }
 
 // Remove pointer from clickable
-[class*='clickable-'],
-[class*='cursorPointer-'],
-[class*='selectable-'] {
+[class*='clickable_'],
+[class*='cursorPointer_'],
+[class*='selectable_'] {
 	cursor: var(--cursor) !important;
 }
 

diff --git a/src/theme/app/_scrollbars.scss b/src/theme/app/_scrollbars.scss
@@ -8,9 +8,9 @@
 }
 
 // Chat scrollbar
-.chatContent-2O4SXb .scroller-kQBbkU,
-.peopleList-2VBrVI,
-.scroller-2qwVWY {
+.chatContent__5dca8 .scroller__1f96e,
+.peopleList__2379e,
+.scroller__52ae7 {
 	&::-webkit-scrollbar {
 		width: 10px;
 		height: 10px;
@@ -25,10 +25,10 @@
 }
 
 // Other scrollbars
-.members-2y1nVj,
-.container-1NXEtd .scroller-1ox3I2,
-.sidebarRegionScroller-FXiQOh,
-.scroller-WSmht3 {
+.members__9f47b,
+.container__590e2 .scroller_f0f183,
+.sidebarRegionScroller__1fa7e,
+.scroller__4b984 {
 	&::-webkit-scrollbar {
 		width: 6px;
 		height: 6px;

diff --git a/src/theme/app/_tabbar.scss b/src/theme/app/_tabbar.scss
@@ -1,9 +1,9 @@
-#app-mount [class*='tabBar-'] {
+#app-mount [class*='tabBar_'] {
 	display: flex;
 	height: auto;
 	gap: 0;
-	[class*='item-'],
-	[class*='tabBarItem-'] {
+	[class*='item_'],
+	[class*='tabBarItem_'] {
 		margin: 0;
 		border: none;
 		padding: 10px 12px;

diff --git a/src/theme/app/_toolbar.scss b/src/theme/app/_toolbar.scss
@@ -10,7 +10,7 @@
 			content: none;
 		}
 	}
-	// title-31SJ6t container-ZMc96U
+	// title_b7d661 container__11d72
 	#{cls('title.children.container')} {
 		margin-right: 16px;
 

diff --git a/src/theme/chat/_attachments.scss b/src/theme/chat/_attachments.scss
@@ -1,12 +1,34 @@
+@use '../mixins';
 @use '../classes' as *;
 
 #{cls('mount')} {
-	#{cls('chat.bars.attachments.container')} {
-		margin: 0;
-		padding: 16px;
+	#{cls('chat.altchat.container')} {
+		border-left: 1px solid var(--border-mid);
+		border-radius: 0;
+		background: transparent;
 	}
-	#{cls('chat.bars.attachments.item')} {
+	#{cls('chat.altchat.chat')}::before {
+		content: none;
+	}
+
+	#{cls('chat.altchat.followBar.container')} {
 		background: var(--bg-alt);
-		border: 1px solid var(--border-high);
+		box-shadow: none;
+		border-top: 1px solid var(--border-mid);
+		border-bottom: 1px solid var(--border-mid);
+
+		#{cls('chat.altchat.followBar.button')} {
+			@include mixins.btn;
+			@include mixins.btnSecondary;
+			& > div {
+				background: transparent;
+				border-radius: 0;
+				border: none;
+			}
+		}
+	}
+	#{cls('chat.altchat.divider')} {
+		height: 0;
+		background: var(--border-mid);
 	}
 }
diff --git a/src/theme/chat/_bars.scss b/src/theme/chat/_bars.scss
@@ -52,10 +52,10 @@
 	}
 
 	// Mention
-	.attachedBars-2BCP3l {
+	.attachedBars_da3c74 {
 		background: transparent;
 	}
-	.replyBar-1oi75v {
+	.replyBar_b64d74 {
 		background: var(--bg-alt);
 	}
 

diff --git a/src/theme/chat/_call.scss b/src/theme/chat/_call.scss
@@ -1,24 +1,24 @@
 @use '../mixins';
 
 #app-mount {
-	.wrapper-1gVUIN {
+	.wrapper_bd2abe {
 		background: var(--bg-main);
 		border-bottom: 1px solid var(--border-mid);
-		&.minimum-fXpVNc {
+		&.minimum_ebf000 {
 			height: 300px;
 		}
 	}
-	.voiceCallWrapper-3UtDiC {
+	.voiceCallWrapper_a36a80 {
 		padding-bottom: 0;
 		gap: 12px;
 	}
-	.participant-1l6khj {
+	.participant__43dbf {
 		margin: 0;
 	}
 
-	.wrapper-3t3Yqv {
+	.wrapper__3f3a7 {
 		gap: 8px;
-		.button-f2h6uQ {
+		.button_afdfd9 {
 			@include mixins.btn;
 			@include mixins.btnSecondary;
 			height: 32px;
@@ -28,19 +28,19 @@
 				height: 18px;
 			}
 		}
-		button.red-3T8maV {
+		button.red_a51ba8 {
 			@include mixins.btnDanger;
 		}
 	}
 
-	div.controlButton-2PMNom {
+	div.controlButton_ab2899 {
 		margin: 0;
 	}
-	button.controlButton-2PMNom {
+	button.controlButton_ab2899 {
 		@include mixins.btnSecondary;
 	}
 
-	.contextMenuContainer-1RO4DQ {
+	.contextMenuContainer_fc4df6 {
 		display: flex;
 		height: 32px;
 		width: 70px;
@@ -59,7 +59,7 @@
 			width: 44px;
 		}
 	}
-	.contextMenuNub-NuTZ_U {
+	.contextMenuNub__7c02f {
 		@include mixins.btn;
 		@include mixins.btnSecondary;
 		height: 32px;
@@ -73,7 +73,7 @@
 	}
 
 	// Video
-	.video-3n15R6 .transparent-1lUmft {
+	.video__85ac2 .transparent__7f3e0 {
 		background: transparent;
 		border-bottom: none;
 	}

diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss
@@ -1,21 +1,21 @@
 @use '../classes' as *;
 
 #app-mount {
-	.chat-9g_3Xj {
+	.chat__52833 {
 		background: transparent;
 	}
-	.content-18rAwf::before {
+	.content__1a4fe::before {
 		content: none;
 	}
-	.chatContent-2O4SXb {
+	.chatContent__5dca8 {
 		background: var(--bg-alt);
 		&:only-child {
 			margin-right: 0;
 			border-top-right-radius: 0;
 		}
 	}
 
-	.scrollerSpacer-3AqkT9 {
+	.scrollerSpacer__9cd32 {
 		height: 24px;
 	}
 
@@ -25,7 +25,7 @@
 		border: 1px solid var(--border-mid);
 	}
 
-	.messagesWrapper-RpOMA3::before {
+	.messagesWrapper_ea2b0b::before {
 		content: '';
 		position: absolute;
 		bottom: 0;