Update source

Themes/Spotify-Discord/src/_selectorPlaceholders.scss

@@ -838,16 +838,16 @@
 .scroller_f4e139 {
 	@extend %quickswitcherScroller !optional;
 }
-.header_f14193 {
+.header_e3c1c6 {
 	@extend %quickswitcherHeader !optional;
 }
-.result_f14193 {
+.result_e3c1c6 {
 	@extend %quickswitcherResult !optional;
 }
-.content_f14193 {
+.content_e3c1c6 {
 	@extend %quickswitcherContent !optional;
 }
-.note_f14193 {
+.note_e3c1c6 {
 	@extend %quickswitcherResultNote !optional;
 }
 .protip_f4e139 {
@@ -1552,7 +1552,7 @@
 .button_ccfa44 {
 	@extend %chatOptionButton !optional;
 }
-.role_deddac {
+.role_d70de6 {
 	@extend %chatRole !optional;
 }
 .inner_f9902b {
@@ -2047,7 +2047,7 @@
 .numberBadge_df8943 {
 	@extend %numberBadge !optional;
 }
-.textBadge_f05120 {
+.textBadge_df8943 {
 	@extend %textBadge !optional;
 }
 .button_dd4f85 {
@@ -2860,6 +2860,12 @@
 .planOptionClickableContainer_bd3462 {
 	@extend %nitroPlanOptionClickableContainer !optional;
 }
+.selectionBox_bd3462 {
+	@extend %nitroPlanSelectionBox !optional;
+}
+.selectedPlan_bd3462 {
+	@extend %nitroPlanSelected !optional;
+}
 .planOption_bd3462 {
 	@extend %nitroPlanOption !optional;
 }
@@ -2878,6 +2884,21 @@
 .divider_df16c1 {
 	@extend %nitroTableDivider !optional;
 }
+.modalHeaderCustomGift_a27f2f {
+    @extend %giftNitroModalHeader !optional;
+}
+.giftNitroInfo_a27f2f {
+    @extend %giftNitroInfo !optional;
+}
+.giftBoxOptionContainer_d90c00 {
+    @extend %giftNitroBoxOptionContainer !optional;
+}
+.customGiftBox_c4afc7 {
+    @extend %giftNitroCustomGiftBox !optional;
+}
+.customGiftBoxHighlighted_c4afc7 {
+    @extend %giftNitroCustomGiftBoxHighlighted !optional;
+}
 .modalInner_a0e502 {
     @extend %purchaseModalInner !optional;
 }
@@ -4555,6 +4576,9 @@ pre {
 .header_f9a4c9 {
 	@extend %modalHeader !optional;
 }
+.header_a62824 {
+	@extend %modalHeaderLargePadding !optional;
+}
 .modalHeader_a27f2f {
 	@extend %modalHeaderAlt !optional;
 }
@@ -4663,25 +4687,25 @@ pre {
 .nameTag_afed89 {
 	@extend %userProfileModalNameTag !optional;
 }
-.note_c2dcc6 {
+.note_d53fbd {
 	@extend %userProfileModalNote !optional;
 }
-.connectedAccounts_f3eb60 {
+.connectedAccounts_ab12c6 {
 	@extend %userProfileModalConnectedAccounts !optional;
 }
-.connectedAccountContainer_f3eb60 {
+.connectedAccountContainer_ab12c6 {
 	@extend %userProfileModalConnectedAccount !optional;
 }
-.connectedAccountIcon_f3eb60 {
+.connectedAccountIcon_ab12c6 {
 	@extend %userProfileModalConnectedAccountIcon !optional;
 }
-.connectedAccountName_f3eb60 {
+.connectedAccountName_ab12c6 {
 	@extend %userProfileModalConnectedAccountName !optional;
 }
-.connectedAccountVerifiedIcon_f3eb60 {
+.connectedAccountVerifiedIcon_ab12c6 {
 	@extend %userProfileModalConnectedAccountVerifiedIcon !optional;
 }
-.connectedAccountOpenIcon_f3eb60 {
+.connectedAccountOpenIcon_ab12c6 {
 	@extend %userProfileModalConnectedAccountOpenIcon !optional;
 }
 .inner_f867f9 {
@@ -4975,20 +4999,35 @@ pre {
 .selected_cf6b7d {
 	@extend %autocompletePopoutSelected !optional;
 }
-.container__13b2a {
+.container_feab95 {
 	@extend %connectionInfo !optional;
 }
-.header-2C89wJ {
-	@extend %connectionInfoHeader !optional;
+.tabs_feab95 {
+	@extend %connectionInfoTabs !optional;
+}
+.graphContainer_c73c22 {
+	@extend %connectionInfoGraphContainer !optional;
+}
+.header_f59a38 {
+	@extend %connectionInfoSubHeader !optional;
+}
+.container_f59a38 {
+    @extend %connectionInfoPrivacyContainer !optional;
 }
-.sparkline-3A-8OK {
-	@extend %connectionInfoSparkline !optional;
+.tag_f59a38 {
+    @extend %connectionInfoTag !optional;
 }
-.popoutBottom__4228a {
-	@extend %connectionInfoBottom !optional;
+.code_e9fe13 {
+    @extend %connectionInfoCode !optional;
 }
-.secured_d13ee6 {
-	@extend %connectionInfoSecured !optional;
+.header_efee60 {
+    @extend %connectionInfoCodeHeader !optional;
+}
+.shieldIcon_efee60 {
+    @extend %connectionInfoShieldIcon !optional;
+}
+.content_efee60 {
+    @extend %connectionInfoModalContent !optional;
 }
 .contextMenu-HLZMGh {
 	@extend %contextMenu !optional;
@@ -5131,6 +5170,9 @@ pre {
 .categorySection_a3bc57 {
 	@extend %emojiPickerCategorySection !optional;
 }
+.categorySectionNitroLocked_a3bc57 {
+	@extend %emojiPickerCategorySectionNitroLocked !optional;
+}
 .wrapper_e06857 {
 	@extend %emojiPickerCategoryHeaderWrapper !optional;
 }
@@ -5140,6 +5182,9 @@ pre {
 .header_e06857 {
 	@extend %emojiPickerCategoryHeader !optional;
 }
+.upsellContainer_ad7baa {
+	@extend %emojiPickerUpsellContainer !optional;
+}
 .upsell_b6ac1a {
 	@extend %emojiPickerUpsell !optional;
 }
@@ -5182,6 +5227,9 @@ pre {
 .newlyAddedBadgeIcon_c3120f {
 	@extend %emojiPickerNewlyAddedBadgeIcon !optional;
 }
+.scroller_d53d65 {
+	@extend %emojiPickerScroller !optional;
+}
 .wrapper_ba23fe {
 	@extend %emojiCategoryWrapper !optional;
 }
@@ -5320,6 +5368,9 @@ pre {
 .divider-1tWBgZ {
 	@extend %menuPopoutDivider !optional;
 }
+.customItem_d90b3d {
+	@extend %menuPopoutCustomItem !optional;
+}
 #user-context-user-volume {
 	@extend %menuPopoutUserVolume !optional;
 }
@@ -5743,6 +5794,9 @@ pre {
 .profileBadges_f89da9 {
 	@extend %userProfileBadges !optional;
 }
+.menuOverlay_ad5fac {
+	@extend %userProfileMenuOverlay !optional;
+}
 .overlayBackground_c69a7b {
 	@extend %userProfileOverlayBackground !optional;
 }
@@ -5767,6 +5821,9 @@ pre {
 .divider_d2b491 {
 	@extend %userProfileDivider !optional;
 }
+.list_b6fd3d {
+	@extend %userProfileList !optional;
+}
 .userTagNoNickname_c9ccf6 {
 	@extend %userProfileUserTagNoNickname !optional;
 }
@@ -7735,6 +7792,9 @@ pre {
 .expanded_f0cd33 {
 	@extend %messagesPopoutHeaderExpanded !optional;
 }
+.controlButton_f0cd33 {
+	@extend %messagesPopoutHeaderControlButton !optional;
+}
 .friendRequestsButton_c0c071 {
 	@extend %messagesPopoutHeaderFriendRequestButton !optional;
 }
@@ -7777,7 +7837,7 @@ pre {
 .channelHeader_f3978e {
 	@extend %messagesPopoutChannelHeader !optional;
 }
-.button__292b6 {
+.button_e258f5 {
 	@extend %messagesPopoutChannelHeaderButton !optional;
 }
 .messageGroupWrapper_ac90a2 {
@@ -10684,3 +10744,24 @@ pre {
 .questRewardTileAsset_c2d7e2 {
     @extend %questCardRewardTileAsset !optional;
 }
+.item_aade6b {
+    @extend %encryptionVerifiedDeviceItem !optional;
+}
+.section_aade6b {
+    @extend %encryptionVerifiedDeviceSection !optional;
+}
+.row_aade6b {
+    @extend %encryptionVerifiedDeviceRow !optional;
+}
+.icon_aade6b {
+    @extend %encryptionVerifiedDeviceIcon !optional;
+}
+.sectionIconContainer_aade6b {
+    @extend %encryptionVerifiedDeviceSectionIconContainer !optional;
+}
+.container_c06a56 {
+    @extend %timeoutContainer !optional;
+}
+.iconContainer_c06a56 {
+    @extend %timeoutIconContainer !optional;
+}

Themes/Spotify-Discord/src/chat/_directMessages.scss

@@ -38,15 +38,17 @@
     }
 }
 
-%dmMutualGuildsList,
-%dmMutualFriendsList {
+%dmProfilePanelConnections {
     %button {
-        transform: scale(1) !important;
-    }
-
-    %buttonFilled {
+        --button-height: 42px;
+        --button-padding: 0 12px;
         --button-background: transparent !important;
-        --button-text-color: var(--text-normal) !important;
+        --button-radius: 0;
+        --button-text-color: var(--header-primary) !important;
+
+        &:hover {
+            transform: none !important;
+        }
     }
 }
 

Themes/Spotify-Discord/src/chat/_textarea.scss

@@ -49,16 +49,16 @@
 }
 
 %channelTextAreaTyping {
-    width: calc(100% - var(--scrollbar-width));
-    left: 0;
-    bottom: var(--app-bar-size);
-    padding-right: 8px;
-    background-color: var(--main-textarea-typing-color);
-    border-bottom-left-radius: var(--app-card-radius);
+    width: calc(100% - (80px + var(--scrollbar-width)));
+    height: 16px;
+    line-height: 16px;
+    left: 16px;
+    bottom: 0;
+    padding-right: 0;
+    background-color: transparent;
     box-sizing: border-box;
 }
 
-
 %channelInfo,
 %channelTextArea,
 %channelTextAreaScrollable {

Themes/Spotify-Discord/src/home/_activityList.scss

@@ -47,3 +47,7 @@
         border-radius: var(--card-radius);
     }
 }
+
+%emptyActiveNowCard {
+    @include card-format;
+}

Themes/Spotify-Discord/src/modals/_userProfile.scss

@@ -9,3 +9,20 @@
 	border-bottom: 1px solid var(--background-modifier-accent) !important;
 	box-shadow: none !important;
 }
+
+%biteSizeIconButton {
+    width: var(--button-height);
+    height: var(--button-height);
+    padding: 0;
+
+    %buttonContents {
+        min-width: var(--button-height);
+        max-width: var(--button-height);
+        min-height: var(--button-height);
+        max-height: var(--button-height);
+    }
+
+    svg {
+        margin: auto;
+    }
+}

Themes/Spotify-Discord/src/pages/_channelsAndRoles.scss

@@ -7,9 +7,14 @@
  */
 
 %channelsAndRolesContainer {
-    background-color: transparent !important;
+    background-color: var(--app-foreground) !important;
+}
+
+%channelsAndRolesPrompt,
+%channelsAndRolesProfileCard {
+    @include card-format;
+}
 
-    %chat {
-        background-color: transparent !important;
-    }
+%promptOptionButtonWrapper {
+    background-color: var(--card-color-hover);
 }

Themes/Spotify-Discord/src/pages/_index.scss

@@ -1,5 +1,6 @@
 @forward './appDirectory';
 @forward './browseChannels';
+@forward './channelsAndRoles';
 @forward './members';
 @forward './serverDiscovery';
 @forward './serverGuide';

Themes/Spotify-Discord/src/popouts/_userPopout.scss

@@ -179,3 +179,18 @@
         padding: 0;
     }
 }
+
+/* USER POPOUT -> BOT COMMANDS */
+
+%userProfileList {
+    %buttonSizeIcon {
+        --button-padding: 0 8px;
+    }
+}
+
+/* USER POPOUT -> ROLES */
+
+%role {
+    background-color: var(--card-color-active);
+    border-radius: 12px;
+}

Themes/Spotify-Discord/src/settings/user/_connections.scss

@@ -15,7 +15,7 @@
         @include card-format--header;
     }
 
-    %textXSNormal {
+    %textXsNormal {
         padding: 16px 16px 0;
     }