Fixed server icons

DiscordStyles · Jun 17, 2024 · 8e91efc · 8e91efc
1 parent 04c711b
commit 8e91efc
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 14 deletions.
diff --git a/src/core/_root.scss b/src/core/_root.scss
@@ -3,7 +3,6 @@
 
 	--channels-width: 300px; /* Size of the server channel/dms list | Default: 300px */
 	--members-width: 280px; /* Size of the members list | Default: 280px */
-	--server-size: 48px; /* Size of each server in the server list | Default: 48px */
 
 	--dark-background-hue: 0; /* The hue of the background colour. | Options: 0 to 360 | Default: 0 */
 	--dark-background-saturation: 0%; /* How much of the colour should be visible. | Must end in a % | Default: 0% */

diff --git a/src/theme/_vars.scss b/src/theme/_vars.scss
@@ -53,6 +53,7 @@
 	--chat-spacing-y: 32px;
 	--chat-spacing-x: 24px;
 
+	--server-size: 48px;
 	--server-icon-size: 28px;
 	--server-container: calc(var(--server-size) + 16px);
 	--server-hover-selected: inset 0 0 0 100vmax var(--server-bg), inset 1px 0 0 var(--btn-border-x), inset 0 1px 0 var(--btn-border-t),

diff --git a/src/theme/chat/_call.scss b/src/theme/chat/_call.scss
@@ -42,14 +42,10 @@
 
 	.contextMenuContainer__7fb37 {
 		display: flex;
-		height: 32px;
-		width: 70px;
 		overflow: hidden;
-		& > svg {
-			transform: translateX(6px) scale(1.2726);
-		}
 		foreignObject {
 			mask: none;
+			width: 42px;
 		}
 		button {
 			@include mixins.btn;

diff --git a/src/theme/guilds/_server.scss b/src/theme/guilds/_server.scss
@@ -49,7 +49,7 @@
 			box-sizing: border-box;
 		}
 	}
-	.wrapper-28eC3z {
+	.wrapper_a6f950 {
 		border-radius: var(--rounded);
 		cursor: var(--cursor);
 		width: var(--server-size);
@@ -58,11 +58,11 @@
 	.wrapper__9916c {
 		cursor: var(--cursor);
 	}
-	.wrapper__8436d {
+	.wrapper_a6f950 {
 		position: relative;
 		transition: box-shadow 0.15s var(--transition);
 		&:hover,
-		&.selected_ae80f7 {
+		&.selected_b420e6 {
 			box-shadow: var(--server-hover-selected);
 		}
 	}
@@ -78,16 +78,16 @@
 		}
 	}
 
-	.icon__11cf1,
-	.childWrapper_a6ce15 {
+	.icon_e2a8c1,
+	.childWrapperNoHoverBg_bc176a {
 		width: var(--server-icon-size);
 		height: var(--server-icon-size);
 		border-radius: var(--server-icon-shape);
 		position: relative;
 		z-index: 2;
 	}
 
-	.wrapper__8436d svg {
+	.wrapper_a6f950 svg {
 		width: 75%;
 		height: 75%;
 		mask: url(mono.$home) center/cover;
@@ -97,11 +97,11 @@
 		}
 	}
 
-	.childWrapper_a6ce15 {
+	.childWrapperNoHoverBg_bc176a {
 		background: transparent;
 		font-weight: var(--font-weight-semibold);
 	}
-	.wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 {
+	.wrapper_a6f950.selected_ae80f7 .childWrapperNoHoverBg_bc176a {
 		background: transparent;
 		color: var(--text-primary);
 	}