Fixed voice connected icons

DiscordStyles · Mar 21, 2024 · 509003d · 509003d
1 parent 3d1be57
commit 509003d
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 3 deletions.
diff --git a/src/addons/_icons.scss b/src/addons/_icons.scss
@@ -160,6 +160,31 @@
 	svg:has(path[d^=' M-1.4420000314712524,-10.906000137329102 C-1.8949999809265137,-10.847000122070312']) {
 		mask-image: url(mono.$cog);
 	}
+
+	// Voice chat noise suppresion
+	svg:has(path[d^=' M0,-5 C0,-5 0,-5 0,-5 C0.5519999861717224,-5 1,-4.552000045776367 1,-4']) {
+		mask-image: url(mono.$mic-sparkle);
+	}
+	// Voice chat disconnect
+	svg:has(path[d^=' M9.335000038146973,-1.8179999589920044 C4.184999942779541,-6.9670000076293945']) {
+		mask-image: url(mono.$plug-disconnected);
+	}
+	// Voice chat disconnect
+	svg:has(path[d^=' M-5.5,-8 C-5.5,-8 -1.253999948501587,-8 -1.253999948501587,-8 C-1.253999948501587,-8']) {
+		mask-image: url(mono.$camera);
+	}
+	// Voice chat share screen
+	svg:has(path[d^=' M1,7.5 C1,7.776000022888184 1.2239999771118164,8']) {
+		mask-image: url(mono.$dual-screen-desktop);
+	}
+	// Voice chat activities
+	svg:has(path[d^=' M10,-8 C10,-8 10,-6.485000133514404 10,-6.485000133514404 C10,-4.894000053405762']) {
+		mask-image: url(mono.$rocket);
+	}
+	// Voice chat soundboard
+	svg:has(path[d^=' M-0.6899999976158142,0.6899999976158142 C0.6679999828338623,2.0480000972747803']) {
+		mask-image: url(mono.$sound-source);
+	}
 }
 .container_ca50b9 .button__4f306[aria-checked='true'] {
 	svg {

diff --git a/src/theme/assets/_mono.scss b/src/theme/assets/_mono.scss
@@ -184,6 +184,9 @@ $accessibility: $svg + '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/s
 $mic_path: 'M18.25 11a.75.75 0 0 1 .743.648l.007.102v.5a6.75 6.75 0 0 1-6.249 6.732l-.001 2.268a.75.75 0 0 1-1.493.102l-.007-.102v-2.268a6.75 6.75 0 0 1-6.246-6.496L5 12.25v-.5a.75.75 0 0 1 1.493-.102l.007.102v.5a5.25 5.25 0 0 0 5.034 5.246l.216.004h.5a5.25 5.25 0 0 0 5.246-5.034l.004-.216v-.5a.75.75 0 0 1 .75-.75ZM12 2a4 4 0 0 1 4 4v6a4 4 0 0 1-8 0V6a4 4 0 0 1 4-4Zm0 1.5A2.5 2.5 0 0 0 9.5 6v6a2.5 2.5 0 0 0 5 0V6A2.5 2.5 0 0 0 12 3.5Z';
 $mic: $svg + '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="#{$mic_path}" /></svg>';
 
+$mic-sparkle: $svg +
+	'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.854 15.146a2.845 2.845 0 0 1 .685 1.114l.448 1.377a.544.544 0 0 0 1.026 0l.448-1.377a2.837 2.837 0 0 1 1.798-1.796l1.378-.448a.545.545 0 0 0 0-1.025l-.028-.007-1.378-.448a2.84 2.84 0 0 1-1.798-1.796l-.447-1.377a.544.544 0 0 0-1.027 0l-.448 1.377-.011.034a2.836 2.836 0 0 1-1.759 1.762l-1.378.448a.545.545 0 0 0 0 1.025l1.378.448c.42.14.8.376 1.113.689ZM16 6v2.093a1.544 1.544 0 0 0-1.5.252V6a2.5 2.5 0 0 0-5 0v6c0 .563.186 1.082.5 1.5a1.544 1.544 0 0 0 1.03 1.453l.013.004 1.385.45c.264.088.505.236.704.43A4 4 0 0 1 8 12V6.001a4 4 0 1 1 8 0Zm-3.75 11.5c.544 0 1.07-.083 1.564-.237l.226.695.004.012c.089.252.242.476.442.65a6.719 6.719 0 0 1-1.735.362l-.001 2.268a.75.75 0 0 1-1.493.102l-.007-.102v-2.268a6.75 6.75 0 0 1-6.246-6.496L5 12.25v-.5a.75.75 0 0 1 1.493-.102l.007.102v.5a5.25 5.25 0 0 0 5.034 5.246l.216.004h.5Zm9.767 1.465.766.248.015.004a.303.303 0 0 1 .147.46.302.302 0 0 1-.147.11l-.765.248a1.578 1.578 0 0 0-1 .998l-.248.765a.302.302 0 0 1-.57 0l-.249-.764a1.575 1.575 0 0 0-.999-1.002l-.765-.249a.303.303 0 0 1-.147-.46.302.302 0 0 1 .147-.11l.765-.248a1.577 1.577 0 0 0 .984-.998l.249-.765a.302.302 0 0 1 .57 0l.249.764a1.575 1.575 0 0 0 .998.999Z" /></svg>';
+
 $mic-off_path: 'M3.28 2.22a.75.75 0 1 0-1.06 1.06L8 9.06V12a4 4 0 0 0 6.248 3.309l1.146 1.146A5.227 5.227 0 0 1 12.25 17.5h-.5l-.216-.004A5.25 5.25 0 0 1 6.5 12.25v-.5l-.007-.102A.75.75 0 0 0 5 11.75v.5l.004.236a6.75 6.75 0 0 0 6.246 6.496v2.268l.007.102a.75.75 0 0 0 1.493-.102l.001-2.268a6.718 6.718 0 0 0 3.712-1.458l4.256 4.256a.75.75 0 0 0 1.061-1.06L3.28 2.22Zm9.876 11.997A2.5 2.5 0 0 1 9.5 12v-1.44l3.656 3.657ZM14.5 6v5.318l1.43 1.43c.046-.242.07-.492.07-.748V6a4 4 0 0 0-7.862-1.044L9.5 6.318V6a2.5 2.5 0 0 1 5 0ZM17.196 14.014l1.146 1.146A6.725 6.725 0 0 0 19 12.25v-.5l-.007-.102a.75.75 0 0 0-1.493.102v.5l-.004.216a5.233 5.233 0 0 1-.3 1.548Z';
 $mic-off: $svg + '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="#{$mic-off_path}" /></svg>';
 
@@ -304,3 +307,15 @@ $branch-fork: $svg +
 
 $paper-plane: $svg +
 	'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.694 12 2.299 3.272c-.236-.607.356-1.188.942-.982l.093.04 18 9a.75.75 0 0 1 .097 1.283l-.097.058-18 9c-.583.291-1.217-.244-1.065-.847l.03-.096L5.694 12 2.299 3.272 5.694 12ZM4.402 4.54l2.61 6.71h6.627a.75.75 0 0 1 .743.648l.007.102a.75.75 0 0 1-.649.743l-.101.007H7.01l-2.609 6.71L19.322 12 4.401 4.54Z" /></svg>';
+
+$plug-disconnected: $svg +
+	'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.78 3.28a.75.75 0 0 0-1.06-1.06l-2.012 2.012a4.251 4.251 0 0 0-5.463.462l-1.068 1.069a1.75 1.75 0 0 0 0 2.474l3.585 3.586a1.75 1.75 0 0 0 2.475 0l1.068-1.068a4.251 4.251 0 0 0 .463-5.463L21.78 3.28Zm-3.585 2.475.022.023.003.002.002.003.023.022a2.75 2.75 0 0 1 0 3.89l-1.068 1.067a.25.25 0 0 1-.354 0l-3.586-3.585a.25.25 0 0 1 0-.354l1.068-1.068a2.75 2.75 0 0 1 3.89 0ZM10.78 11.28a.75.75 0 1 0-1.06-1.06L8 11.94l-.47-.47a.75.75 0 0 0-1.06 0l-1.775 1.775a4.251 4.251 0 0 0-.463 5.463L2.22 20.72a.75.75 0 1 0 1.06 1.06l2.012-2.012a4.251 4.251 0 0 0 5.463-.463l1.775-1.775a.75.75 0 0 0 0-1.06l-.47-.47 1.72-1.72a.75.75 0 1 0-1.06-1.06L11 14.94 9.06 13l1.72-1.72Zm-3.314 2.247.004.003.003.004 2.993 2.993.004.003.003.004.466.466-1.244 1.245a2.75 2.75 0 0 1-3.89 0l-.05-.05a2.75 2.75 0 0 1 0-3.89L7 13.062l.466.466Z"/></svg>';
+
+$camera: $svg +
+	'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.925 2.503a2.25 2.25 0 0 1 1.94 1.11L16.679 5h2.071A3.25 3.25 0 0 1 22 8.25v9.5A3.25 3.25 0 0 1 18.75 21H5.25A3.25 3.25 0 0 1 2 17.75v-9.5A3.25 3.25 0 0 1 5.25 5h2.08l.875-1.424a2.25 2.25 0 0 1 1.917-1.073h3.803Zm0 1.5h-3.803a.75.75 0 0 0-.574.268l-.065.09L8.39 6.141a.75.75 0 0 1-.639.358h-2.5A1.75 1.75 0 0 0 3.5 8.25v9.5c0 .966.784 1.75 1.75 1.75h13.5a1.75 1.75 0 0 0 1.75-1.75v-9.5a1.75 1.75 0 0 0-1.75-1.75h-2.5a.75.75 0 0 1-.647-.37l-1.032-1.757a.75.75 0 0 0-.646-.37ZM12 8a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 1.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg>';
+
+$dual-screen-desktop: $svg +
+	'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.25 10a1.75 1.75 0 0 1 1.744 1.606l.006.144v8.5a1.75 1.75 0 0 1-1.607 1.744L12.25 22h-8.5a1.75 1.75 0 0 1-1.744-1.607L2 20.25v-8.5a1.75 1.75 0 0 1 1.606-1.744L3.75 10h8.5ZM7.5 11.499H3.75a.25.25 0 0 0-.243.194l-.007.057v8.5a.25.25 0 0 0 .193.243l.057.007 3.75-.001v-9Zm4.75 0H8.5v9l3.75.001a.25.25 0 0 0 .243-.193l.007-.057v-8.5a.25.25 0 0 0-.193-.244l-.057-.006ZM10.625 18a.75.75 0 0 1 .102 1.493l-.102.007h-.5a.75.75 0 0 1-.102-1.493l.102-.007h.5Zm-4.75 0a.75.75 0 0 1 .102 1.493l-.102.007h-.5a.75.75 0 0 1-.102-1.493L5.375 18h.5ZM19.75 2a2.25 2.25 0 0 1 2.245 2.096L22 4.25v9a2.25 2.25 0 0 1-2.096 2.245l-.154.005h-2.746v2h1.246a.75.75 0 0 1 .102 1.493L18.25 19H15v-1.5h.504v-2H15V14h4.75a.75.75 0 0 0 .743-.648l.007-.102v-9a.75.75 0 0 0-.75-.75H6.25a.75.75 0 0 0-.743.648L5.5 4.25V9H4V4.25a2.25 2.25 0 0 1 2.096-2.245L6.25 2h13.5Z" /></svg>';
+
+$sound-source: $svg +
+	'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 12a8.5 8.5 0 1 1 14.762 5.748l.992 1.135A9.966 9.966 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12a9.966 9.966 0 0 0 2.746 6.883l.993-1.134A8.47 8.47 0 0 1 3.5 12Z" /><path d="M19.25 12.125a7.098 7.098 0 0 1-1.783 4.715l-.998-1.14a5.625 5.625 0 1 0-8.806-.15l-1.004 1.146a7.125 7.125 0 1 1 12.59-4.571Z" /><path d="M16.25 12a4.23 4.23 0 0 1-.821 2.511l-1.026-1.172a2.75 2.75 0 1 0-4.806 0L8.571 14.51A4.25 4.25 0 1 1 16.25 12Z" /><path d="M12.564 12.756a.75.75 0 0 0-1.128 0l-7 8A.75.75 0 0 0 5 22h14a.75.75 0 0 0 .564-1.244l-7-8Zm4.783 7.744H6.653L12 14.389l5.347 6.111Z" /></svg>';
diff --git a/src/theme/profile/_modal.scss b/src/theme/profile/_modal.scss
@@ -108,6 +108,3 @@ $banner-height: 300px;
 		}
 	}
 }
-
-// userProfileModalOuter-2wdWjU userProfileOuter-2tQwNf userProfileOuterUnthemed-11rPfA profileColors-2AgAV4 theme-dark
-// userProfileModalOuter-2wdWjU userProfileOuter-2tQwNf userProfileOuterThemed-2BgJCM profileColors-2AgAV4 theme-dark
diff --git a/src/theme/sidebar/_panels.scss b/src/theme/sidebar/_panels.scss
@@ -133,6 +133,12 @@
 			@include mixins.btn;
 			@include mixins.btnSecondary;
 		}
+		.button__66e8c {
+			height: 100%;
+		}
+		.lottieIcon__9d8ab svg {
+			--fluent-icons-color: black;
+		}
 		&:hover {
 			visibility: visible;
 			opacity: 1;
@@ -145,6 +151,7 @@
 		padding: 8px 16px;
 		&:has(+ .wrapper__0ed4a:not(:empty)) {
 			margin-bottom: 56px;
+			z-index: 1;
 		}
 	}
 }