From 21d9c7ed48fb597af6061d9ee24a7ace453854e8 Mon Sep 17 00:00:00 2001
From: Mirco Wittrien <mirco.wittrien@gmail.com>
Date: Wed, 30 Dec 2020 16:26:36 +0100
Subject: [PATCH] stuff

---
 Themes/BasicBackground/BasicBackground.css      | 8 ++++----
 Themes/DiscordRecolor/DiscordRecolor.css        | 8 ++++----
 Themes/_res/svgs/discord_window_placeholder.svg | 1 +
 Themes/_res/svgs/fav_star.svg                   | 1 +
 Themes/_res/svgs/fav_star_empty.svg             | 1 +
 Themes/_res/svgs/voice_level_bar.svg            | 1 +
 6 files changed, 12 insertions(+), 8 deletions(-)
 create mode 100644 Themes/_res/svgs/discord_window_placeholder.svg
 create mode 100644 Themes/_res/svgs/fav_star.svg
 create mode 100644 Themes/_res/svgs/fav_star_empty.svg
 create mode 100644 Themes/_res/svgs/voice_level_bar.svg

diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css
index 1cdc1fe6cb..2f5c6045e3 100644
--- a/Themes/BasicBackground/BasicBackground.css
+++ b/Themes/BasicBackground/BasicBackground.css
@@ -2556,7 +2556,7 @@ body::before {
 }
 
 .container-3PXSwK {											/* voicesettings		voicebarcontainer					*/
-	-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="8" height="20"><path fill="black" fill-rule="evenodd" d="M4 2a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V4a2 2 0 0 0-2-2z"/></svg>');
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/voice_level_bar.svg);
 }
 .notches-1sAcEM {
 	background: transparent !important;
@@ -2891,7 +2891,7 @@ body::before {
 	bottom: 0;
 	left: 0;
 	background-color: rgba(var(--vtransparencycolor), 0.5);
-	-webkit-mask: url('data:image/svg+xml;utf8, <svg width="640" height="560" viewBox="0 0 640 560" xmlns="http://www.w3.org/2000/svg"><g fill="black"><path stroke-width="0.93541437" d="M 8 0 C 3.58172 -1.1842379e-15 0 3.134005 0 7 L 0 553 C 0 556.86575 3.58172 560 8 560 L 40 560 L 40 0 L 8 0 z M 20 8 A 12 12 0 0 1 32 20 A 12 12 0 0 1 20 32 A 12 12 0 0 1 8 20 A 12 12 0 0 1 20 8 z M 20 40 A 12 12 0 0 1 32 52 A 12 12 0 0 1 20 64 A 12 12 0 0 1 8 52 A 12 12 0 0 1 20 40 z M 20 72 A 12 12 0 0 1 32 84 A 12 12 0 0 1 20 96 A 12 12 0 0 1 8 84 A 12 12 0 0 1 20 72 z" opacity="0.8"/><circle cx="20" cy="20" r="12" opacity="0.1"/><circle cx="20" cy="52" r="12" opacity="0.1"/><circle cx="20" cy="84" r="12" opacity="0.1"/><path stroke-width="0.93541437" d="M 40 0 L 40 24 L 160 24 L 160 0 L 40 0 z M 50 8 L 150 8 C 151.108 8 152 8.892 152 10 L 152 14 C 152 15.108 151.108 16 150 16 L 50 16 C 48.892 16 48 15.108 48 14 L 48 10 C 48 8.892 48.892 8 50 8 z M 40 25 L 40 560 L 160 560 L 160 25 L 40 25 z M 50 33 L 94 33 C 95.108 33 96 33.892 96 35 L 96 39 C 96 40.108 95.108 41 94 41 L 50 41 C 48.892 41 48 40.108 48 39 L 48 35 C 48 33.892 48.892 33 50 33 z M 50 49 L 126 49 C 127.108 49 128 49.892 128 51 L 128 55 C 128 56.108 127.108 57 126 57 L 50 57 C 48.892 57 48 56.108 48 55 L 48 51 C 48 49.892 48.892 49 50 49 z M 50 65 L 118 65 C 119.108 65 120 65.892 120 67 L 120 71 C 120 72.108 119.108 73 118 73 L 50 73 C 48.892 73 48 72.108 48 71 L 48 67 C 48 65.892 48.892 65 50 65 z M 50 81 L 142 81 C 143.108 81 144 81.892 144 83 L 144 87 C 144 88.108 143.108 89 142 89 L 50 89 C 48.892 89 48 88.108 48 87 L 48 83 C 48 81.892 48.892 81 50 81 z M 50 105 L 94 105 C 95.108 105 96 105.892 96 107 L 96 111 C 96 112.108 95.108 113 94 113 L 50 113 C 48.892 113 48 112.108 48 111 L 48 107 C 48 105.892 48.892 105 50 105 z M 50 121 L 126 121 C 127.108 121 128 121.892 128 123 L 128 127 C 128 128.108 127.108 129 126 129 L 50 129 C 48.892 129 48 128.108 48 127 L 48 123 C 48 121.892 48.892 121 50 121 z M 50 137 L 118 137 C 119.108 137 120 137.892 120 139 L 120 143 C 120 144.108 119.108 145 118 145 L 50 145 C 48.892 145 48 144.108 48 143 L 48 139 C 48 137.892 48.892 137 50 137 z" opacity="0.6"/><rect x="48" y="33" width="48" height="8" rx="2" opacity="0.1"/><rect x="48" y="49" width="80" height="8" rx="2" opacity="0.1"/><rect x="48" y="65" width="72" height="8" rx="2" opacity="0.1"/><rect x="48" y="81" width="96" height="8" rx="2" opacity="0.1"/><rect x="48" y="105" width="48" height="8" rx="2" opacity="0.1"/><rect x="48" y="121" width="80" height="8" rx="2" opacity="0.1"/><rect x="48" y="137" width="72" height="8" rx="2" opacity="0.1"/><rect x="48" y="8" width="104" height="8" rx="2" opacity="0.1"/><rect x="40" y="24" width="120" height="1" opacity="0.1"/><path stroke-width="0.93541437" d="M 160 0 L 160 24 L 640 24 L 640 7 C 640 3.134005 636.418 0 632 0 L 160 0 z M 170 8 L 270 8 C 271.108 8 272 8.892 272 10 L 272 14 C 272 15.108 271.108 16 270 16 L 170 16 C 168.892 16 168 15.108 168 14 L 168 10 C 168 8.892 168.892 8 170 8 z M 602 8 L 606 8 C 607.108 8 608 8.892 608 10 L 608 14 C 608 15.108 607.108 16 606 16 L 602 16 C 600.892 16 600 15.108 600 14 L 600 10 C 600 8.892 600.892 8 602 8 z M 614 8 L 618 8 C 619.108 8 620 8.892 620 10 L 620 14 C 620 15.108 619.108 16 618 16 L 614 16 C 612.892 16 612 15.108 612 14 L 612 10 C 612 8.892 612.892 8 614 8 z M 626 8 L 630 8 C 631.108 8 632 8.892 632 10 L 632 14 C 632 15.108 631.108 16 630 16 L 626 16 C 624.892 16 624 15.108 624 14 L 624 10 C 624 8.892 624.892 8 626 8 z M 160 25 L 160 560 L 169.08398 560 A 8 8 0 0 1 168 556 A 8 8 0 0 1 176 548 A 8 8 0 0 1 184 556 A 8 8 0 0 1 182.91992 560 L 188 560 C 188 558.892 188.892 558 190 558 L 306 558 C 307.108 558 308 558.892 308 560 L 632 560 C 636.418 560 640 556.86575 640 553 L 640 25 L 160 25 z M 176 428 A 8 8 0 0 1 184 436 A 8 8 0 0 1 176 444 A 8 8 0 0 1 168 436 A 8 8 0 0 1 176 428 z M 190 430 L 226 430 C 227.108 430 228 430.892 228 432 C 228 433.108 227.108 434 226 434 L 190 434 C 188.892 434 188 433.108 188 432 C 188 430.892 188.892 430 190 430 z M 190 438 L 306 438 C 307.108 438 308 438.892 308 440 C 308 441.108 307.108 442 306 442 L 190 442 C 188.892 442 188 441.108 188 440 C 188 438.892 188.892 438 190 438 z M 176 460 A 8 8 0 0 1 184 468 A 8 8 0 0 1 176 476 A 8 8 0 0 1 168 468 A 8 8 0 0 1 176 460 z M 190 460 L 226 460 C 227.108 460 228 460.892 228 462 C 228 463.108 227.108 464 226 464 L 190 464 C 188.892 464 188 463.108 188 462 C 188 460.892 188.892 460 190 460 z M 190 468 L 346 468 C 347.108 468 348 468.892 348 470 C 348 471.108 347.108 472 346 472 L 190 472 C 188.892 472 188 471.108 188 470 C 188 468.892 188.892 468 190 468 z M 190 476 L 306 476 C 307.108 476 308 476.892 308 478 C 308 479.108 307.108 480 306 480 L 190 480 C 188.892 480 188 479.108 188 478 C 188 476.892 188.892 476 190 476 z M 176 496 A 8 8 0 0 1 184 504 A 8 8 0 0 1 176 512 A 8 8 0 0 1 168 504 A 8 8 0 0 1 176 496 z M 190 496 L 226 496 C 227.108 496 228 496.892 228 498 C 228 499.108 227.108 500 226 500 L 190 500 C 188.892 500 188 499.108 188 498 C 188 496.892 188.892 496 190 496 z M 190 504 L 266 504 C 267.108 504 268 504.892 268 506 C 268 507.108 267.108 508 266 508 L 190 508 C 188.892 508 188 507.108 188 506 C 188 504.892 188.892 504 190 504 z M 190 512 L 306 512 C 307.108 512 308 512.892 308 514 C 308 515.108 307.108 516 306 516 L 190 516 C 188.892 516 188 515.108 188 514 C 188 512.892 188.892 512 190 512 z M 190 520 L 246 520 C 247.108 520 248 520.892 248 522 C 248 523.108 247.108 524 246 524 L 190 524 C 188.892 524 188 523.108 188 522 C 188 520.892 188.892 520 190 520 z M 190 528 L 266 528 C 267.108 528 268 528.892 268 530 C 268 531.108 267.108 532 266 532 L 190 532 C 188.892 532 188 531.108 188 530 C 188 528.892 188.892 528 190 528 z M 190 550 L 226 550 C 227.108 550 228 550.892 228 552 C 228 553.108 227.108 554 226 554 L 190 554 C 188.892 554 188 553.108 188 552 C 188 550.892 188.892 550 190 550 z" opacity="0.4"/><rect x="168" y="8" width="104" height="8" rx="2" opacity="0.1"/><rect x="600" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="612" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="624" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="160" y="24" width="480" height="1" opacity="0.1"/><circle cx="176" cy="436" r="8" opacity="0.1"/><rect x="188" y="430" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="438" width="120" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="468" r="8" opacity="0.1"/><rect x="188" y="460" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="468" width="160" height="4" rx="2" opacity="0.1"/><rect x="188" y="476" width="120" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="504" r="8" opacity="0.1"/><rect x="188" y="496" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="504" width="80" height="4" rx="2" opacity="0.1"/><rect x="188" y="512" width="120" height="4" rx="2" opacity="0.1"/><rect x="188" y="520" width="60" height="4" rx="2" opacity="0.1"/><rect x="188" y="528" width="80" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="556" r="8" opacity="0.1"/><rect x="188" y="550" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="558" width="120" height="4" rx="2" opacity="0.1"/></g></svg>') 0 0/cover no-repeat;
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/discord_window_placeholder.svg) 0 0/cover no-repeat;
 }
 #app-mount .exampleModal-2oh58d,							/* communitysettings	rules		examplemodal			*/
 #app-mount .exampleModal-2X2Vf8 {							/* communitysettings	welcome		examplemodal			*/
@@ -7050,14 +7050,14 @@ html .bd-toast.toast-warn.icon::before {
 	width: 16px;
 	height: 16px;
 	padding: 0;
-	-webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M19.6, 9l-4.2-0.4c-0.4, 0-0.7-0.3-0.8-0.6l-1.6-3.9c-0.3-0.8-1.5-0.8-1.8, 0L9.4, 8.1C9.3, 8.4, 9, 8.6, 8.6, 8.7L4.4, 9 c-0.9, 0.1-1.2, 1.2-0.6, 1.8L7, 13.6c0.3, 0.2, 0.4, 0.6, 0.3, 1l-1, 4.1c-0.2, 0.9, 0.7, 1.5, 1.5, 1.1l3.6-2.2c0.3-0.2, 0.7-0.2, 1, 0l3.6, 2.2 c0.8, 0.5, 1.7-0.2, 1.5-1.1l-1-4.1c-0.1-0.4, 0-0.7, 0.3-1l3.2-2.8C20.9, 10.2, 20.5, 9.1, 19.6, 9z M12, 15.4l-3.8, 2.3l1-4.3l-3.3-2.9 l4.4-0.4l1.7-4l1.7, 4l4.4, 0.4l-3.3, 2.9l1, 4.3L12, 15.4z"></path></svg>') center/contain no-repeat;
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/fav_star_empty.svg) center/contain no-repeat;
 }
 #app-mount .fav:hover,
 #app-mount .fav.active {
 	background: #faa61a;
 }
 #app-mount .fav.active {
-	-webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M0, 0H24V24H0Z" fill="none"></path><path fill="currentColor" d="M12.5, 17.6l3.6, 2.2a1, 1, 0, 0, 0, 1.5-1.1l-1-4.1a1, 1, 0, 0, 1, .3-1l3.2-2.8A1, 1, 0, 0, 0, 19.5, 9l-4.2-.4a.87.87, 0, 0, 1-.8-.6L12.9, 4.1a1.05, 1.05, 0, 0, 0-1.9, 0l-1.6, 4a1, 1, 0, 0, 1-.8.6L4.4, 9a1.06, 1.06, 0, 0, 0-.6, 1.8L7, 13.6a.91.91, 0, 0, 1, .3, 1l-1, 4.1a1, 1, 0, 0, 0, 1.5, 1.1l3.6-2.2A1.08, 1.08, 0, 0, 1, 12.5, 17.6Z"></path></svg>') center/contain no-repeat;
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/fav_star.svg) center/contain no-repeat;
 }
 
 #app-mount .bd-modal-inner {								/* modal				container							*/
diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css
index f520ee8b1c..1571c3d2cd 100644
--- a/Themes/DiscordRecolor/DiscordRecolor.css
+++ b/Themes/DiscordRecolor/DiscordRecolor.css
@@ -1981,7 +1981,7 @@ img[src='/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg'] {
 }
 
 .container-3PXSwK {
-	-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="8" height="20" fill="black"><path fill-rule="evenodd" d="M4 2a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V4a2 2 0 0 0-2-2z"/></svg>');
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/voice_level_bar.svg);
 }
 .notches-1sAcEM {
 	background: transparent !important;
@@ -2360,7 +2360,7 @@ img[src='/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg'] {
 	bottom: 0;
 	left: 0;
 	background: var(--background-tertiary);
-	-webkit-mask: url('data:image/svg+xml;utf8, <svg width="640" height="560" viewBox="0 0 640 560" xmlns="http://www.w3.org/2000/svg"><g fill="black"><path stroke-width="0.93541437" d="M 8 0 C 3.58172 -1.1842379e-15 0 3.134005 0 7 L 0 553 C 0 556.86575 3.58172 560 8 560 L 40 560 L 40 0 L 8 0 z M 20 8 A 12 12 0 0 1 32 20 A 12 12 0 0 1 20 32 A 12 12 0 0 1 8 20 A 12 12 0 0 1 20 8 z M 20 40 A 12 12 0 0 1 32 52 A 12 12 0 0 1 20 64 A 12 12 0 0 1 8 52 A 12 12 0 0 1 20 40 z M 20 72 A 12 12 0 0 1 32 84 A 12 12 0 0 1 20 96 A 12 12 0 0 1 8 84 A 12 12 0 0 1 20 72 z" opacity="0.8"/><circle cx="20" cy="20" r="12" opacity="0.1"/><circle cx="20" cy="52" r="12" opacity="0.1"/><circle cx="20" cy="84" r="12" opacity="0.1"/><path stroke-width="0.93541437" d="M 40 0 L 40 24 L 160 24 L 160 0 L 40 0 z M 50 8 L 150 8 C 151.108 8 152 8.892 152 10 L 152 14 C 152 15.108 151.108 16 150 16 L 50 16 C 48.892 16 48 15.108 48 14 L 48 10 C 48 8.892 48.892 8 50 8 z M 40 25 L 40 560 L 160 560 L 160 25 L 40 25 z M 50 33 L 94 33 C 95.108 33 96 33.892 96 35 L 96 39 C 96 40.108 95.108 41 94 41 L 50 41 C 48.892 41 48 40.108 48 39 L 48 35 C 48 33.892 48.892 33 50 33 z M 50 49 L 126 49 C 127.108 49 128 49.892 128 51 L 128 55 C 128 56.108 127.108 57 126 57 L 50 57 C 48.892 57 48 56.108 48 55 L 48 51 C 48 49.892 48.892 49 50 49 z M 50 65 L 118 65 C 119.108 65 120 65.892 120 67 L 120 71 C 120 72.108 119.108 73 118 73 L 50 73 C 48.892 73 48 72.108 48 71 L 48 67 C 48 65.892 48.892 65 50 65 z M 50 81 L 142 81 C 143.108 81 144 81.892 144 83 L 144 87 C 144 88.108 143.108 89 142 89 L 50 89 C 48.892 89 48 88.108 48 87 L 48 83 C 48 81.892 48.892 81 50 81 z M 50 105 L 94 105 C 95.108 105 96 105.892 96 107 L 96 111 C 96 112.108 95.108 113 94 113 L 50 113 C 48.892 113 48 112.108 48 111 L 48 107 C 48 105.892 48.892 105 50 105 z M 50 121 L 126 121 C 127.108 121 128 121.892 128 123 L 128 127 C 128 128.108 127.108 129 126 129 L 50 129 C 48.892 129 48 128.108 48 127 L 48 123 C 48 121.892 48.892 121 50 121 z M 50 137 L 118 137 C 119.108 137 120 137.892 120 139 L 120 143 C 120 144.108 119.108 145 118 145 L 50 145 C 48.892 145 48 144.108 48 143 L 48 139 C 48 137.892 48.892 137 50 137 z" opacity="0.6"/><rect x="48" y="33" width="48" height="8" rx="2" opacity="0.1"/><rect x="48" y="49" width="80" height="8" rx="2" opacity="0.1"/><rect x="48" y="65" width="72" height="8" rx="2" opacity="0.1"/><rect x="48" y="81" width="96" height="8" rx="2" opacity="0.1"/><rect x="48" y="105" width="48" height="8" rx="2" opacity="0.1"/><rect x="48" y="121" width="80" height="8" rx="2" opacity="0.1"/><rect x="48" y="137" width="72" height="8" rx="2" opacity="0.1"/><rect x="48" y="8" width="104" height="8" rx="2" opacity="0.1"/><rect x="40" y="24" width="120" height="1" opacity="0.1"/><path stroke-width="0.93541437" d="M 160 0 L 160 24 L 640 24 L 640 7 C 640 3.134005 636.418 0 632 0 L 160 0 z M 170 8 L 270 8 C 271.108 8 272 8.892 272 10 L 272 14 C 272 15.108 271.108 16 270 16 L 170 16 C 168.892 16 168 15.108 168 14 L 168 10 C 168 8.892 168.892 8 170 8 z M 602 8 L 606 8 C 607.108 8 608 8.892 608 10 L 608 14 C 608 15.108 607.108 16 606 16 L 602 16 C 600.892 16 600 15.108 600 14 L 600 10 C 600 8.892 600.892 8 602 8 z M 614 8 L 618 8 C 619.108 8 620 8.892 620 10 L 620 14 C 620 15.108 619.108 16 618 16 L 614 16 C 612.892 16 612 15.108 612 14 L 612 10 C 612 8.892 612.892 8 614 8 z M 626 8 L 630 8 C 631.108 8 632 8.892 632 10 L 632 14 C 632 15.108 631.108 16 630 16 L 626 16 C 624.892 16 624 15.108 624 14 L 624 10 C 624 8.892 624.892 8 626 8 z M 160 25 L 160 560 L 169.08398 560 A 8 8 0 0 1 168 556 A 8 8 0 0 1 176 548 A 8 8 0 0 1 184 556 A 8 8 0 0 1 182.91992 560 L 188 560 C 188 558.892 188.892 558 190 558 L 306 558 C 307.108 558 308 558.892 308 560 L 632 560 C 636.418 560 640 556.86575 640 553 L 640 25 L 160 25 z M 176 428 A 8 8 0 0 1 184 436 A 8 8 0 0 1 176 444 A 8 8 0 0 1 168 436 A 8 8 0 0 1 176 428 z M 190 430 L 226 430 C 227.108 430 228 430.892 228 432 C 228 433.108 227.108 434 226 434 L 190 434 C 188.892 434 188 433.108 188 432 C 188 430.892 188.892 430 190 430 z M 190 438 L 306 438 C 307.108 438 308 438.892 308 440 C 308 441.108 307.108 442 306 442 L 190 442 C 188.892 442 188 441.108 188 440 C 188 438.892 188.892 438 190 438 z M 176 460 A 8 8 0 0 1 184 468 A 8 8 0 0 1 176 476 A 8 8 0 0 1 168 468 A 8 8 0 0 1 176 460 z M 190 460 L 226 460 C 227.108 460 228 460.892 228 462 C 228 463.108 227.108 464 226 464 L 190 464 C 188.892 464 188 463.108 188 462 C 188 460.892 188.892 460 190 460 z M 190 468 L 346 468 C 347.108 468 348 468.892 348 470 C 348 471.108 347.108 472 346 472 L 190 472 C 188.892 472 188 471.108 188 470 C 188 468.892 188.892 468 190 468 z M 190 476 L 306 476 C 307.108 476 308 476.892 308 478 C 308 479.108 307.108 480 306 480 L 190 480 C 188.892 480 188 479.108 188 478 C 188 476.892 188.892 476 190 476 z M 176 496 A 8 8 0 0 1 184 504 A 8 8 0 0 1 176 512 A 8 8 0 0 1 168 504 A 8 8 0 0 1 176 496 z M 190 496 L 226 496 C 227.108 496 228 496.892 228 498 C 228 499.108 227.108 500 226 500 L 190 500 C 188.892 500 188 499.108 188 498 C 188 496.892 188.892 496 190 496 z M 190 504 L 266 504 C 267.108 504 268 504.892 268 506 C 268 507.108 267.108 508 266 508 L 190 508 C 188.892 508 188 507.108 188 506 C 188 504.892 188.892 504 190 504 z M 190 512 L 306 512 C 307.108 512 308 512.892 308 514 C 308 515.108 307.108 516 306 516 L 190 516 C 188.892 516 188 515.108 188 514 C 188 512.892 188.892 512 190 512 z M 190 520 L 246 520 C 247.108 520 248 520.892 248 522 C 248 523.108 247.108 524 246 524 L 190 524 C 188.892 524 188 523.108 188 522 C 188 520.892 188.892 520 190 520 z M 190 528 L 266 528 C 267.108 528 268 528.892 268 530 C 268 531.108 267.108 532 266 532 L 190 532 C 188.892 532 188 531.108 188 530 C 188 528.892 188.892 528 190 528 z M 190 550 L 226 550 C 227.108 550 228 550.892 228 552 C 228 553.108 227.108 554 226 554 L 190 554 C 188.892 554 188 553.108 188 552 C 188 550.892 188.892 550 190 550 z" opacity="0.4"/><rect x="168" y="8" width="104" height="8" rx="2" opacity="0.1"/><rect x="600" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="612" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="624" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="160" y="24" width="480" height="1" opacity="0.1"/><circle cx="176" cy="436" r="8" opacity="0.1"/><rect x="188" y="430" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="438" width="120" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="468" r="8" opacity="0.1"/><rect x="188" y="460" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="468" width="160" height="4" rx="2" opacity="0.1"/><rect x="188" y="476" width="120" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="504" r="8" opacity="0.1"/><rect x="188" y="496" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="504" width="80" height="4" rx="2" opacity="0.1"/><rect x="188" y="512" width="120" height="4" rx="2" opacity="0.1"/><rect x="188" y="520" width="60" height="4" rx="2" opacity="0.1"/><rect x="188" y="528" width="80" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="556" r="8" opacity="0.1"/><rect x="188" y="550" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="558" width="120" height="4" rx="2" opacity="0.1"/></g></svg>') 0 0/cover no-repeat;
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/discord_window_placeholder.svg) 0 0/cover no-repeat;
 }
 
 #app-mount .member-1q7VfX {
@@ -3864,14 +3864,14 @@ html .bd-settings-group.collapsible .bd-settings-title::after {
 	width: 16px;
 	height: 16px;
 	padding: 0;
-	-webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M19.6, 9l-4.2-0.4c-0.4, 0-0.7-0.3-0.8-0.6l-1.6-3.9c-0.3-0.8-1.5-0.8-1.8, 0L9.4, 8.1C9.3, 8.4, 9, 8.6, 8.6, 8.7L4.4, 9 c-0.9, 0.1-1.2, 1.2-0.6, 1.8L7, 13.6c0.3, 0.2, 0.4, 0.6, 0.3, 1l-1, 4.1c-0.2, 0.9, 0.7, 1.5, 1.5, 1.1l3.6-2.2c0.3-0.2, 0.7-0.2, 1, 0l3.6, 2.2 c0.8, 0.5, 1.7-0.2, 1.5-1.1l-1-4.1c-0.1-0.4, 0-0.7, 0.3-1l3.2-2.8C20.9, 10.2, 20.5, 9.1, 19.6, 9z M12, 15.4l-3.8, 2.3l1-4.3l-3.3-2.9 l4.4-0.4l1.7-4l1.7, 4l4.4, 0.4l-3.3, 2.9l1, 4.3L12, 15.4z"></path></svg>') center/contain no-repeat;
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/fav_star_empty.svg) center/contain no-repeat;
 }
 #app-mount .fav:hover,
 #app-mount .fav.active {
 	background: #faa61a;
 }
 #app-mount .fav.active {
-	-webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M0, 0H24V24H0Z" fill="none"></path><path fill="currentColor" d="M12.5, 17.6l3.6, 2.2a1, 1, 0, 0, 0, 1.5-1.1l-1-4.1a1, 1, 0, 0, 1, .3-1l3.2-2.8A1, 1, 0, 0, 0, 19.5, 9l-4.2-.4a.87.87, 0, 0, 1-.8-.6L12.9, 4.1a1.05, 1.05, 0, 0, 0-1.9, 0l-1.6, 4a1, 1, 0, 0, 1-.8.6L4.4, 9a1.06, 1.06, 0, 0, 0-.6, 1.8L7, 13.6a.91.91, 0, 0, 1, .3, 1l-1, 4.1a1, 1, 0, 0, 0, 1.5, 1.1l3.6-2.2A1.08, 1.08, 0, 0, 1, 12.5, 17.6Z"></path></svg>') center/contain no-repeat;
+	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/fav_star.svg) center/contain no-repeat;
 }
 
 #app-mount .bd-modal-wrapper .bd-modal-inner {
diff --git a/Themes/_res/svgs/discord_window_placeholder.svg b/Themes/_res/svgs/discord_window_placeholder.svg
new file mode 100644
index 0000000000..3eb26e2b29
--- /dev/null
+++ b/Themes/_res/svgs/discord_window_placeholder.svg
@@ -0,0 +1 @@
+<svg width="640" height="560" viewBox="0 0 640 560" xmlns="http://www.w3.org/2000/svg"><g fill="black"><path stroke-width="0.93541437" d="M 8 0 C 3.58172 -1.1842379e-15 0 3.134005 0 7 L 0 553 C 0 556.86575 3.58172 560 8 560 L 40 560 L 40 0 L 8 0 z M 20 8 A 12 12 0 0 1 32 20 A 12 12 0 0 1 20 32 A 12 12 0 0 1 8 20 A 12 12 0 0 1 20 8 z M 20 40 A 12 12 0 0 1 32 52 A 12 12 0 0 1 20 64 A 12 12 0 0 1 8 52 A 12 12 0 0 1 20 40 z M 20 72 A 12 12 0 0 1 32 84 A 12 12 0 0 1 20 96 A 12 12 0 0 1 8 84 A 12 12 0 0 1 20 72 z" opacity="0.8"/><circle cx="20" cy="20" r="12" opacity="0.1"/><circle cx="20" cy="52" r="12" opacity="0.1"/><circle cx="20" cy="84" r="12" opacity="0.1"/><path stroke-width="0.93541437" d="M 40 0 L 40 24 L 160 24 L 160 0 L 40 0 z M 50 8 L 150 8 C 151.108 8 152 8.892 152 10 L 152 14 C 152 15.108 151.108 16 150 16 L 50 16 C 48.892 16 48 15.108 48 14 L 48 10 C 48 8.892 48.892 8 50 8 z M 40 25 L 40 560 L 160 560 L 160 25 L 40 25 z M 50 33 L 94 33 C 95.108 33 96 33.892 96 35 L 96 39 C 96 40.108 95.108 41 94 41 L 50 41 C 48.892 41 48 40.108 48 39 L 48 35 C 48 33.892 48.892 33 50 33 z M 50 49 L 126 49 C 127.108 49 128 49.892 128 51 L 128 55 C 128 56.108 127.108 57 126 57 L 50 57 C 48.892 57 48 56.108 48 55 L 48 51 C 48 49.892 48.892 49 50 49 z M 50 65 L 118 65 C 119.108 65 120 65.892 120 67 L 120 71 C 120 72.108 119.108 73 118 73 L 50 73 C 48.892 73 48 72.108 48 71 L 48 67 C 48 65.892 48.892 65 50 65 z M 50 81 L 142 81 C 143.108 81 144 81.892 144 83 L 144 87 C 144 88.108 143.108 89 142 89 L 50 89 C 48.892 89 48 88.108 48 87 L 48 83 C 48 81.892 48.892 81 50 81 z M 50 105 L 94 105 C 95.108 105 96 105.892 96 107 L 96 111 C 96 112.108 95.108 113 94 113 L 50 113 C 48.892 113 48 112.108 48 111 L 48 107 C 48 105.892 48.892 105 50 105 z M 50 121 L 126 121 C 127.108 121 128 121.892 128 123 L 128 127 C 128 128.108 127.108 129 126 129 L 50 129 C 48.892 129 48 128.108 48 127 L 48 123 C 48 121.892 48.892 121 50 121 z M 50 137 L 118 137 C 119.108 137 120 137.892 120 139 L 120 143 C 120 144.108 119.108 145 118 145 L 50 145 C 48.892 145 48 144.108 48 143 L 48 139 C 48 137.892 48.892 137 50 137 z" opacity="0.6"/><rect x="48" y="33" width="48" height="8" rx="2" opacity="0.1"/><rect x="48" y="49" width="80" height="8" rx="2" opacity="0.1"/><rect x="48" y="65" width="72" height="8" rx="2" opacity="0.1"/><rect x="48" y="81" width="96" height="8" rx="2" opacity="0.1"/><rect x="48" y="105" width="48" height="8" rx="2" opacity="0.1"/><rect x="48" y="121" width="80" height="8" rx="2" opacity="0.1"/><rect x="48" y="137" width="72" height="8" rx="2" opacity="0.1"/><rect x="48" y="8" width="104" height="8" rx="2" opacity="0.1"/><rect x="40" y="24" width="120" height="1" opacity="0.1"/><path stroke-width="0.93541437" d="M 160 0 L 160 24 L 640 24 L 640 7 C 640 3.134005 636.418 0 632 0 L 160 0 z M 170 8 L 270 8 C 271.108 8 272 8.892 272 10 L 272 14 C 272 15.108 271.108 16 270 16 L 170 16 C 168.892 16 168 15.108 168 14 L 168 10 C 168 8.892 168.892 8 170 8 z M 602 8 L 606 8 C 607.108 8 608 8.892 608 10 L 608 14 C 608 15.108 607.108 16 606 16 L 602 16 C 600.892 16 600 15.108 600 14 L 600 10 C 600 8.892 600.892 8 602 8 z M 614 8 L 618 8 C 619.108 8 620 8.892 620 10 L 620 14 C 620 15.108 619.108 16 618 16 L 614 16 C 612.892 16 612 15.108 612 14 L 612 10 C 612 8.892 612.892 8 614 8 z M 626 8 L 630 8 C 631.108 8 632 8.892 632 10 L 632 14 C 632 15.108 631.108 16 630 16 L 626 16 C 624.892 16 624 15.108 624 14 L 624 10 C 624 8.892 624.892 8 626 8 z M 160 25 L 160 560 L 169.08398 560 A 8 8 0 0 1 168 556 A 8 8 0 0 1 176 548 A 8 8 0 0 1 184 556 A 8 8 0 0 1 182.91992 560 L 188 560 C 188 558.892 188.892 558 190 558 L 306 558 C 307.108 558 308 558.892 308 560 L 632 560 C 636.418 560 640 556.86575 640 553 L 640 25 L 160 25 z M 176 428 A 8 8 0 0 1 184 436 A 8 8 0 0 1 176 444 A 8 8 0 0 1 168 436 A 8 8 0 0 1 176 428 z M 190 430 L 226 430 C 227.108 430 228 430.892 228 432 C 228 433.108 227.108 434 226 434 L 190 434 C 188.892 434 188 433.108 188 432 C 188 430.892 188.892 430 190 430 z M 190 438 L 306 438 C 307.108 438 308 438.892 308 440 C 308 441.108 307.108 442 306 442 L 190 442 C 188.892 442 188 441.108 188 440 C 188 438.892 188.892 438 190 438 z M 176 460 A 8 8 0 0 1 184 468 A 8 8 0 0 1 176 476 A 8 8 0 0 1 168 468 A 8 8 0 0 1 176 460 z M 190 460 L 226 460 C 227.108 460 228 460.892 228 462 C 228 463.108 227.108 464 226 464 L 190 464 C 188.892 464 188 463.108 188 462 C 188 460.892 188.892 460 190 460 z M 190 468 L 346 468 C 347.108 468 348 468.892 348 470 C 348 471.108 347.108 472 346 472 L 190 472 C 188.892 472 188 471.108 188 470 C 188 468.892 188.892 468 190 468 z M 190 476 L 306 476 C 307.108 476 308 476.892 308 478 C 308 479.108 307.108 480 306 480 L 190 480 C 188.892 480 188 479.108 188 478 C 188 476.892 188.892 476 190 476 z M 176 496 A 8 8 0 0 1 184 504 A 8 8 0 0 1 176 512 A 8 8 0 0 1 168 504 A 8 8 0 0 1 176 496 z M 190 496 L 226 496 C 227.108 496 228 496.892 228 498 C 228 499.108 227.108 500 226 500 L 190 500 C 188.892 500 188 499.108 188 498 C 188 496.892 188.892 496 190 496 z M 190 504 L 266 504 C 267.108 504 268 504.892 268 506 C 268 507.108 267.108 508 266 508 L 190 508 C 188.892 508 188 507.108 188 506 C 188 504.892 188.892 504 190 504 z M 190 512 L 306 512 C 307.108 512 308 512.892 308 514 C 308 515.108 307.108 516 306 516 L 190 516 C 188.892 516 188 515.108 188 514 C 188 512.892 188.892 512 190 512 z M 190 520 L 246 520 C 247.108 520 248 520.892 248 522 C 248 523.108 247.108 524 246 524 L 190 524 C 188.892 524 188 523.108 188 522 C 188 520.892 188.892 520 190 520 z M 190 528 L 266 528 C 267.108 528 268 528.892 268 530 C 268 531.108 267.108 532 266 532 L 190 532 C 188.892 532 188 531.108 188 530 C 188 528.892 188.892 528 190 528 z M 190 550 L 226 550 C 227.108 550 228 550.892 228 552 C 228 553.108 227.108 554 226 554 L 190 554 C 188.892 554 188 553.108 188 552 C 188 550.892 188.892 550 190 550 z" opacity="0.4"/><rect x="168" y="8" width="104" height="8" rx="2" opacity="0.1"/><rect x="600" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="612" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="624" y="8" width="8" height="8" rx="2" opacity="0.1"/><rect x="160" y="24" width="480" height="1" opacity="0.1"/><circle cx="176" cy="436" r="8" opacity="0.1"/><rect x="188" y="430" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="438" width="120" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="468" r="8" opacity="0.1"/><rect x="188" y="460" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="468" width="160" height="4" rx="2" opacity="0.1"/><rect x="188" y="476" width="120" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="504" r="8" opacity="0.1"/><rect x="188" y="496" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="504" width="80" height="4" rx="2" opacity="0.1"/><rect x="188" y="512" width="120" height="4" rx="2" opacity="0.1"/><rect x="188" y="520" width="60" height="4" rx="2" opacity="0.1"/><rect x="188" y="528" width="80" height="4" rx="2" opacity="0.1"/><circle cx="176" cy="556" r="8" opacity="0.1"/><rect x="188" y="550" width="40" height="4" rx="2" opacity="0.1"/><rect x="188" y="558" width="120" height="4" rx="2" opacity="0.1"/></g></svg>
\ No newline at end of file
diff --git a/Themes/_res/svgs/fav_star.svg b/Themes/_res/svgs/fav_star.svg
new file mode 100644
index 0000000000..901c43f3e2
--- /dev/null
+++ b/Themes/_res/svgs/fav_star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5, 17.6l3.6, 2.2a1, 1, 0, 0, 0, 1.5-1.1l-1-4.1a1, 1, 0, 0, 1, .3-1l3.2-2.8A1, 1, 0, 0, 0, 19.5, 9l-4.2-.4a.87.87, 0, 0, 1-.8-.6L12.9, 4.1a1.05, 1.05, 0, 0, 0-1.9, 0l-1.6, 4a1, 1, 0, 0, 1-.8.6L4.4, 9a1.06, 1.06, 0, 0, 0-.6, 1.8L7, 13.6a.91.91, 0, 0, 1, .3, 1l-1, 4.1a1, 1, 0, 0, 0, 1.5, 1.1l3.6-2.2A1.08, 1.08, 0, 0, 1, 12.5, 17.6Z"/></svg>
\ No newline at end of file
diff --git a/Themes/_res/svgs/fav_star_empty.svg b/Themes/_res/svgs/fav_star_empty.svg
new file mode 100644
index 0000000000..12e45b7c8d
--- /dev/null
+++ b/Themes/_res/svgs/fav_star_empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M19.6, 9l-4.2-0.4c-0.4, 0-0.7-0.3-0.8-0.6l-1.6-3.9c-0.3-0.8-1.5-0.8-1.8, 0L9.4, 8.1C9.3, 8.4, 9, 8.6, 8.6, 8.7L4.4, 9 c-0.9, 0.1-1.2, 1.2-0.6, 1.8L7, 13.6c0.3, 0.2, 0.4, 0.6, 0.3, 1l-1, 4.1c-0.2, 0.9, 0.7, 1.5, 1.5, 1.1l3.6-2.2c0.3-0.2, 0.7-0.2, 1, 0l3.6, 2.2 c0.8, 0.5, 1.7-0.2, 1.5-1.1l-1-4.1c-0.1-0.4, 0-0.7, 0.3-1l3.2-2.8C20.9, 10.2, 20.5, 9.1, 19.6, 9z M12, 15.4l-3.8, 2.3l1-4.3l-3.3-2.9 l4.4-0.4l1.7-4l1.7, 4l4.4, 0.4l-3.3, 2.9l1, 4.3L12, 15.4z"/></svg>
\ No newline at end of file
diff --git a/Themes/_res/svgs/voice_level_bar.svg b/Themes/_res/svgs/voice_level_bar.svg
new file mode 100644
index 0000000000..e262951483
--- /dev/null
+++ b/Themes/_res/svgs/voice_level_bar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="20" fill="black"><path fill-rule="evenodd" d="M4 2a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V4a2 2 0 0 0-2-2z"/></svg>
\ No newline at end of file