From 7a009c8b5ba848bd6687c5918c7afad4d76c0313 Mon Sep 17 00:00:00 2001
From: CapnKitten <4013216+CapnKitten@users.noreply.github.com>
Date: Wed, 26 Jun 2024 07:01:22 -0400
Subject: [PATCH] Update source.css

---
 Themes/Material-Discord/css/source.css | 403 +++++++++----------------
 1 file changed, 148 insertions(+), 255 deletions(-)

diff --git a/Themes/Material-Discord/css/source.css b/Themes/Material-Discord/css/source.css
index 70f0e376..5c993f77 100644
--- a/Themes/Material-Discord/css/source.css
+++ b/Themes/Material-Discord/css/source.css
@@ -9584,38 +9584,30 @@ body:active .root_f9a4c9 .container_e664f3:not(:active) {
  *	USER PROFILE
  *
  */
-.userProfileModalInner_c69a7b .username_be84f0 {
-  font-size: 22px;
-  font-weight: 400;
+.icon_f1cdcc {
+  padding: 0;
 }
-
-.badgeList_ec3b75 {
-  height: var(--button-height);
-  padding: 0 6px;
-  background-color: var(--profile-body-background-color);
-  border-radius: var(--button-radius);
+.icon_f1cdcc .contents_dd4f85 {
+  min-height: var(--button-height);
+  min-width: var(--button-height);
 }
 
-.tabBarContainer_b9fccc {
-  margin: 16px 0 0;
-  padding: 0 12px;
-  background-color: transparent !important;
-  border-bottom: 1px solid var(--background-modifier-accent) !important;
-  box-shadow: none !important;
-}
-.tabBarContainer_b9fccc .tabBar_b9fccc {
+.tabBar_c1519f {
+  height: 48px;
+  margin: 0;
+  padding: 0 16px;
   gap: 24px;
 }
-.tabBarContainer_b9fccc .item_a0 {
-  height: 36px;
+.tabBar_c1519f .item_a0 {
+  height: inherit;
   border-bottom: none;
 }
-.tabBarContainer_b9fccc .item_a0.selected_a0 {
+.tabBar_c1519f .item_a0.selected_a0 {
   position: relative;
   background-color: transparent !important;
   border: none;
 }
-.tabBarContainer_b9fccc .item_a0.selected_a0:after {
+.tabBar_c1519f .item_a0.selected_a0:after {
   position: absolute;
   content: " ";
   width: 90%;
@@ -9628,24 +9620,16 @@ body:active .root_f9a4c9 .container_e664f3:not(:active) {
   border-radius: 3px 3px 0 0;
   transition: var(--default-time) ease all;
 }
-
-.container_afed89 {
-  padding: 16px 16px 0;
-}
-
-.divider_b9fccc {
-  margin: 16px 16px 0;
-}
-
-.infoScroller_a24910 {
-  padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px !important;
+.tabBar_c1519f .item_a0 .text-sm\/normal_dc00ef {
+  line-height: 48px;
 }
 
-.headerText_d5089b {
-  font-size: 14px;
-  text-transform: none;
+.fullSizeOverlayBackground_c69a7b {
+  border-radius: calc(var(--popout-radius-big) / 1.75);
+  border: none;
 }
 
+/* USER PROFILE -> CONNECTED ACCOUNTS */
 .connectedAccounts_f3eb60 {
   margin-top: -16px;
   border-top: none !important;
@@ -9660,15 +9644,17 @@ body:active .root_f9a4c9 .container_e664f3:not(:active) {
   border-radius: var(--card-radius-big);
 }
 
-.note_a24910 {
+/* USER PROFILE -> NOTE */
+.note_c2dcc6 {
   margin: 0;
 }
-.note_a24910 textarea {
+.note_c2dcc6 textarea {
   padding: 6px 12px;
   border-radius: var(--input-radius);
+  box-shadow: none !important;
 }
-.note_a24910 textarea:focus {
-  background-color: transparent;
+.note_c2dcc6 textarea:focus {
+  background-color: var(--input-color);
 }
 
 /* USER PROFILE -> LISTS */
@@ -12906,17 +12892,34 @@ body:active .container_e664f3:not(:active) {
   --profile-body-background-color: var(--popout-color-alt) !important;
   --profile-gradient-button-color: hsl(var(--accent-hsl--material-you)) !important;
   --profile-gradient-button-text-color: var(--accent-text-color--material-you) !important;
+  --bg-surface-overlay: var(--profile-gradient-primary-color) !important;
+  --bg-mod-faint: var(--profile-body-background-color) !important;
+  --input-color: var(--input-color-alt) !important;
+}
+
+.custom-theme-background .menu_d90b3d {
+  border: none;
 }
 
 .userProfileOuterThemed_c69a7b {
+  --popout-color-alt: var(--profile-gradient-secondary-color) !important;
+  --card-color-filled: var(--profile-body-background-color) !important;
   --menu-item-hover: var(--profile-gradient-secondary-color) !important;
 }
-.userProfileOuterThemed_c69a7b .banner_c3e427, .userProfileOuterThemed_c69a7b .banner_ab876d {
-  border-radius: calc(var(--popout-radius-big) - 4px);
+.userProfileOuterThemed_c69a7b .inner_dc0b43 {
+  --input-color: rgb(var(--bg-overlay-color)/0.3);
 }
-.userProfileOuterThemed_c69a7b .textarea_dde0a8,
-.userProfileOuterThemed_c69a7b .inputWrapper_f8bc55 .input_f8bc55 {
-  --input-color: var(--profile-body-background-color) !important;
+.userProfileOuterThemed_c69a7b .statusText_d0a252 {
+  color: var(--white-500);
+}
+.userProfileOuterThemed_c69a7b .fontSize16Padding_d0696b {
+  color: var(--text-normal) !important;
+}
+.userProfileOuterThemed_c69a7b .spriteGreyscale_af14ca {
+  background-color: var(--text-normal);
+}
+.userProfileOuterThemed_c69a7b .banner_c3e427 {
+  border-radius: calc(var(--popout-radius-big) - 4px);
 }
 .userProfileOuterThemed_c69a7b .lookFilled_dd4f85 {
   --button-background: var(--profile-gradient-button-color);
@@ -12932,11 +12935,15 @@ body:active .container_e664f3:not(:active) {
 .userProfileOuterThemed_c69a7b .spoilerContent_a3d0f7.hidden_a3d0f7 {
   --attachment-color: var(--profile-gradient-secondary-color);
 }
+.userProfileOuterThemed_c69a7b .textarea_dde0a8,
+.userProfileOuterThemed_c69a7b .inputWrapper_f8bc55 .input_f8bc55 {
+  --input-color: var(--profile-body-background-color) !important;
+}
 .userProfileOuterThemed_c69a7b .listRow_e4be58 {
   --menu-item-hover: var(--profile-body-background-hover);
 }
 .userProfileOuterThemed_c69a7b .markup_d6076c a {
-  color: var(--profile-gradient-button-color);
+  color: var(--profile-gradient-secondary-color);
 }
 .userProfileOuterThemed_c69a7b .flowerStar_ff7d90 path {
   fill: var(--profile-gradient-button-color);
@@ -12945,196 +12952,95 @@ body:active .container_e664f3:not(:active) {
   fill: var(--white-500);
 }
 
-.userProfileOuter_c69a7b {
-  border-radius: var(--popout-radius-big);
-}
-
-.userProfileInner_c69a7b {
-  --input-color: var(--input-color-alt);
-  border-radius: calc(var(--popout-radius-big) - 4px);
-}
-.userProfileInner_c69a7b:before {
-  border-radius: inherit;
-}
-.userProfileInner_c69a7b .wrapper_c51b4e circle {
-  fill: var(--profile-avatar-border-color);
-}
-.userProfileInner_c69a7b .inputWrapper_f8bc55 {
-  border-bottom: none !important;
-}
-.userProfileInner_c69a7b .quickMessage-3jDbBs.inputWrapper_f8bc55 {
-  margin-top: 0;
-}
-.userProfileInner_c69a7b .inputWrapper_f8bc55:before, .userProfileInner_c69a7b .inputWrapper_f8bc55:after {
-  display: none;
-}
-.userProfileInner_c69a7b .inputWrapper_f8bc55 .input_f8bc55 {
-  padding: 0 12px;
-  background-color: var(--input-color);
-  border-radius: var(--input-radius);
-}
-.userProfileInner_c69a7b .inputWrapper_f8bc55 .input_f8bc55::-webkit-input-placeholder {
-  font-family: var(--app-font);
-  color: var(--input-placeholder-color);
-}
-.userProfileInner_c69a7b .listScroller_e4be58 {
-  padding: 8px 0;
-}
-.userProfileInner_c69a7b .listRow_e4be58 + div:empty {
-  height: 8px !important;
-}
-
-.scroller_d2b491 {
-  --scrollbar-width: 0;
-  padding-right: 12px !important;
-}
-.scroller_d2b491:hover {
-  --scrollbar-width: 6px;
-  padding-right: calc(12px - var(--scrollbar-width)) !important;
-}
-.scroller_d2b491 .section_d7a21f:first-of-type {
-  padding-top: 0;
-}
-
-.wrapper-C1y4Sz,
-.bannerNitroUpsell_ab876d,
-.overlayBackground_c69a7b {
-  border-radius: calc(var(--popout-radius-big) - 4px);
-}
-
-.nameTag_afed89 .username_be84f0,
-.nameTag_afed89 .discriminator-hnHkyt {
-  font-size: 18px;
-  font-weight: 400;
-}
-
-.banner_c3e427, .banner_ab876d {
+.biteSizeOuter_c69a7b {
   border-radius: var(--popout-radius-big);
+  box-shadow: var(--shadow-3dp);
 }
 
-.profileBadges_f89da9 {
-  border-radius: 15px;
-}
-
-.userTagNoNickname_c9ccf6 span,
-.nickname_c9ccf6 {
-  font-size: 22px;
-  font-weight: 400;
-}
-
-.eyebrow_dc00ef {
-  font-size: 14px;
-  text-transform: none;
-}
-
-.gameIcon_f394e5 {
-  border-radius: 50%;
-}
-
-.assetsLargeImage_d5089b {
+.banner_c3e427 {
   border-radius: var(--card-radius-big);
 }
-.assetsLargeImage_d5089b.assetsLargeImageSpotify_d5089b {
-  border-radius: 50%;
-}
 
-.buttonColor_adcaac {
-  --button-background: var(--profile-gradient-button-color);
-  --button-text-color: var(--profile-gradient-button-text-color);
+.biteSizeInnerThemed_c69a7b {
+  padding-bottom: 0;
+  background-color: var(--popout-color);
 }
-
-.section_d7a21f {
-  padding-top: 16px;
+.biteSizeInnerThemed_c69a7b:before {
+  border-radius: calc(var(--popout-radius-big) / 1.25);
 }
 
-.usernameSection_d2b491 {
-  padding: 12px 12px 16px;
+.inner_f867f9 {
+  border-radius: var(--popout-radius-big);
 }
 
-.customStatusSection_d2b491 {
-  padding-top: 0;
-  padding-bottom: 16px;
+.userProfileInner_c69a7b:before {
+  border-radius: calc(var(--popout-radius-big) / 1.25);
 }
 
-.divider_d2b491 {
-  display: none;
+/* USER POPOUT ->  BANNER BUTTONS */
+.wrapper_cb78f1 .button_dd4f85 {
+  padding: 0;
 }
-
-.inner_f867f9 {
-  border-radius: var(--popout-radius-big);
+.wrapper_cb78f1 .button_dd4f85 .contents_dd4f85 {
+  min-width: var(--button-height);
+  min-height: var(--button-height);
 }
 
-.containerWrapper_e18107 {
-  padding: 4px;
+/* USER POPOUT -> STATUS BUBBLE */
+.statusBubbleOuter_d0a252 {
+  background-color: var(--popout-color-alt) !important;
   border-radius: var(--popout-radius-big);
+  border: none !important;
+  box-shadow: none;
 }
-
-.container_e18107 {
-  background-color: var(--popout-color);
-  border-radius: calc(var(--popout-radius-big) - 4px);
+.statusBubbleOuter_d0a252:before, .statusBubbleOuter_d0a252:after {
+  background-color: inherit !important;
+  border: none !important;
+  box-shadow: none;
 }
 
-/* USER POPOUT -> STATUS AREA */
-.accountProfilePopoutWrapper_b2ca13 {
-  animation: bottom-pop-out 400ms var(--default-animation);
+.statusBubble_d0a252 {
+  background-color: transparent !important;
 }
 
-body:active .accountProfilePopoutWrapper_b2ca13:not(:active) {
-  opacity: 0;
-  transition: 150ms ease all;
+.statusText_d0a252 {
+  color: var(--text-normal);
 }
 
-.menu-KSaHL1 {
-  background-color: transparent;
-  box-shadow: none;
-  animation: none;
-}
-.menu-KSaHL1 .scrollerBase_eed6a8 {
-  padding-right: 0 !important;
-}
-.menu-KSaHL1 .scrollerBase_eed6a8::-webkit-scrollbar {
-  --scrollbar-width: 0;
-}
-.menu-KSaHL1 .scrollerBase_eed6a8 .separator_d90b3d {
-  width: calc(100% - 24px);
-  margin: 8px 12px;
-}
-.menu-KSaHL1 [id*=account-divider-].item_d90b3d {
-  min-height: unset;
-  padding: 0;
-}
-.menu-KSaHL1 [id*=account-divider-].item_d90b3d .divider-1tWBgZ {
-  margin: 8px 12px;
-}
-.menu-KSaHL1 .separator_d90b3d {
-  width: calc(100% - 24px);
-  margin: 8px 12px;
-  background-color: var(--separator-color);
-}
-.menu-KSaHL1 .submenu_d90b3d .separator_d90b3d {
-  width: 100%;
-  margin: 8px 0;
+/* USER POPOUT -> BADGE LIST */
+.container_e5a42d {
+  height: 24px;
+  padding: 0 2px;
+  background-color: var(--card-color-filled) !important;
+  border-radius: 12px;
+  border: none;
 }
 
-.connectionsContainer__67854 {
-  background-color: var(--popout-color);
-  border-radius: calc(var(--popout-radius-big) - 4px);
+/* USER POPOUT -> ACTIVITY */
+.activity_cd74cc {
+  background-color: var(--popout-color-alt);
+  border-radius: calc(var(--popout-radius-big) / 1.5);
   border: none;
 }
-.connectionsContainer__67854 .connections_ed453f {
-  transition: var(--default-time) var(--default-animation) background-color;
+
+/* USER POPOUT -> SPOTIFY */
+.syncButton_deca39 {
+  --button-padding: 0;
+  min-width: var(--button-height);
 }
-.connectionsContainer__67854 .connections_ed453f:hover {
-  background-color: var(--menu-item-hover);
+.syncButton_deca39 .syncButtonInner_deca39 {
+  min-width: var(--button-height);
+  max-width: var(--button-height);
+  min-height: var(--button-height);
+  max-height: var(--button-height);
 }
 
-body:active .menu-KSaHL1:not(:active) {
-  opacity: 1;
+.assetsLargeImageSpotify_d5089b {
+  border-radius: 50%;
 }
 
 /* USER POPOUT -> ROLES */
 .role_f9575e, .role_c6b11b {
-  position: relative;
   min-width: 28px;
   height: 28px;
   gap: 6px;
@@ -13143,77 +13049,64 @@ body:active .menu-KSaHL1:not(:active) {
   border-radius: 8px;
   border: 1px solid var(--card-border-color);
 }
-.role_f9575e .roleCircle-1EgnFN, .role_c6b11b .roleCircle-1EgnFN, .role_f9575e .roleCircle_a26d7b, .role_c6b11b .roleCircle_a26d7b,
-.role_f9575e .perm-circle,
-.role_c6b11b .perm-circle {
-  width: 16px;
-  height: 16px;
-  margin: 0;
-  border-radius: 8px;
-}
-.role_f9575e .perm-circle, .role_c6b11b .perm-circle {
-  margin-right: 0 !important;
+.role_f9575e > :first-child, .role_c6b11b > :first-child {
+  margin-left: 0;
+  margin-right: 0;
 }
-.role_f9575e .roleRemoveIcon_e4010c, .role_c6b11b .roleRemoveIcon_e4010c {
-  display: block;
+
+.roleCircle_a26d7b {
   width: 16px;
   height: 16px;
-  top: 0;
-  left: 0;
-  margin: auto;
-  transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform;
-  opacity: 0;
-  cursor: pointer;
 }
-.role_f9575e:hover .roleRemoveIcon_e4010c, .role_c6b11b:hover .roleRemoveIcon_e4010c {
-  opacity: 1;
-}
-.role_f9575e .roleName_e4010c, .role_c6b11b .roleName_e4010c,
-.role_f9575e .roleIcon_e4010c,
-.role_c6b11b .roleIcon_e4010c {
-  margin-right: 0;
-}
-.role_f9575e.addButton_e4010c, .role_c6b11b.addButton_e4010c {
+
+.showMoreButton_c83b44 {
+  height: 28px;
   padding: 0 6px;
-  background-color: transparent !important;
+  background-color: transparent;
+  border-radius: 8px;
+  border: 1px solid var(--card-border-color);
+  box-sizing: border-box;
 }
-.role_f9575e.addButton_e4010c .addButtonIcon_e4010c, .role_c6b11b.addButton_e4010c .addButtonIcon_e4010c {
-  width: 18px;
-  height: 18px;
+.showMoreButton_c83b44 .text-xs\/medium_dc00ef {
+  line-height: 26px;
 }
 
-.roleFlowerStar_e4010c {
-  display: flex;
-  width: 16px !important;
-  height: 16px !important;
-  margin: 0;
-  justify-content: center;
-  align-items: center;
-}
-.roleFlowerStar_e4010c .linkIcon_b5435a {
-  margin: 0 !important;
+.button_edead5, .addButton_e4010c {
+  width: 28px;
+  height: 28px;
+  padding: 0;
 }
-
-/* USER POPOUT -> NOTE */
-.note_c90ad7 {
-  margin: 0;
+.button_edead5 .contents_dd4f85, .addButton_e4010c .contents_dd4f85 {
+  --button-height: 28px;
+  min-width: 28px;
+  max-height: 28px;
+  min-height: 28px;
+  max-height: 28px;
 }
 
-.userProfileInner_c69a7b .textarea_dde0a8 {
-  padding: 6px 12px;
+/* USER POPOUT ->  MESSAGE */
+.inner_dc0b43 {
+  background-color: var(--input-color) !important;
   border-radius: var(--input-radius);
-  box-shadow: none !important;
-  font-size: 14px;
 }
-.userProfileInner_c69a7b .textarea_dde0a8:focus {
-  background-color: var(--input-color) !important;
+.inner_dc0b43 .textArea_d0696b {
+  min-height: var(--input-height);
+  height: var(--input-height);
+}
+.inner_dc0b43 .fontSize16Padding_d0696b {
+  padding-top: calc((var(--input-height) - 1.57em) / 2);
+  padding-bottom: calc((var(--input-height) - 1.57em) / 2);
+}
+.inner_dc0b43 .buttons_d0696b {
+  height: var(--input-height);
 }
 
-.messageInputContainer_f2c0a8 {
+/* USER POPOUT -> SELF PROFILE */
+.menus_d4e7c2 > .menu_d90b3d {
+  background-color: var(--popout-color-alt);
+  border-radius: calc(var(--popout-radius-big) / 1.5);
   border: none;
-}
-.messageInputContainer_f2c0a8 .input_f8bc55 {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 
 /* USER POPOUT -> QUEST AVAILABLE POPOUT */