Update theme for new Discord update.

scss/main/_a.scss

@@ -1,19 +1,25 @@
 @use "../top/vars" as *;
 
-.bg_d4b6c5 {
+.bg__960e4 {
     background: $medium;
 }
 
-.content_a4d4d9 {
+.content_c48ade {
     border: $size-border solid $light;
 
-    .sidebar_a4d4d9 + :is(div, main):not(.erd_scroll_detection_container),
-    .sidebar_a4d4d9 + .erd_scroll_detection_container + :is(div, main):not(.erd_scroll_detection_container) {
+    .sidebar_c48ade {
+        //Fix gap on channel list and user area
+        padding: 0px;
+        margin: 10px;
+    }
+
+    .sidebar_c48ade + :is(div, main):not(.erd_scroll_detection_container),
+    .sidebar_c48ade + .erd_scroll_detection_container + :is(div, main):not(.erd_scroll_detection_container) {
         background: unset !important;
         border-left: $size-border solid $light;
 
-        .content_a7d72e,
-        .tabBody_c2739c {
+        .content_f75fb0,
+        .tabBody__133bf {
             padding: 16px;
             gap: 16px;
 

scss/main/_dm.scss

@@ -5,55 +5,50 @@
 // DMs
 
 // DM list
-.privateChannels_f0963d {
-    .scroller_c47fa9 {
+.privateChannels__35e86 {
+    .scroller__99e7c {
         background: unset;
 
         // Primary channels
-        .channel_c91bad {
+        .channel__972a0 {
             max-width: unset;
 
             // Friends channel
-            &:has(path[d^="M3 5v-.75"]) .name_f9647d {
+            &:has(path[d^="M3 5v-.75"]) .name__20a53 {
                 @include replace.text("Chums", 16px);
                 height: 20px;
             }
         }
 
         // DM header
-        .headerText_c47fa9 {
+        .headerText__99e7c {
             @include replace.text("Chumroll", 12px);
         }
     }
 }
 
 // Friends header (for other headers see _header.scss)
-.container_e44302 {
+.container__9293f {
     // Friends title
-    &:has(path[d^="M3 5v-.75"]) .title_e44302 {
+    &:has(path[d^="M3 5v-.75"]) .title__9293f {
         @include replace.text("Chums", 16px);
     }
 
     // Friend tabs
-    .item_a0 {
+    .item_b3f026 {
         @include box.highlight;
         color: $black;
 
-        &.themed_a0:hover:not(.disabled_a0),
-        &.themed_a0.selected_a0.item_a0,
-        &.addFriend_c2739c.addFriend_c2739c {
+        &.themed_b3f026:hover:not(.disabled_b3f026),
+        &.themed_b3f026.selected_b3f026.item_b3f026,
+        &.addFriend__133bf.addFriend__133bf {
             background-color: $light;
             color: $black;
         }
     }
 
-    // Blocked tab
-    &:has(path[d^="M3 5v-.75"]) .item_a0:nth-last-child(2) {
-        @include replace.text("Trollslum", 16px);
-    }
-
     // Add friend button
-    .addFriend_c2739c span {
+    .addFriend__133bf span {
         @include replace.text("Add Chum", 16px);
         height: 20px;
     }
@@ -65,37 +60,37 @@
 }
 
 // DM call container
-.wrapper_d880dc.minimum_d880dc {
+.wrapper_cb9592.minimum_cb9592 {
     background: unset;
 
     .quickSelectLabel__79774,
     .quickSelect__540d0,
-    .controlIcon_ef18ee.themeable_ef18ee {
+    .controlIcon_f1ceac.themeable_f1ceac {
         color: $black;
     }
 
     // Square buttons
-    .controlButton_b6e2f9 {
+    .controlButton__1405b {
         @include box.default;
-        .colorable_ef18ee.primaryDark_ef18ee,
-        .colorable_ef18ee.primaryLight_ef18ee {
+        .colorable_f1ceac.primaryDark_f1ceac,
+        .colorable_f1ceac.primaryLight_f1ceac {
             background: unset;
         }
     }
 }
 
 // People
-.peopleColumn_c2739c {
+.peopleColumn__133bf {
     @include box.sync;
 
     // Sad wumpus: Wumpus is waiting on friends. You don't have to, though!
-    .image__08515[style*="bca918618b884a382ab5.svg"] + .flexChild_bba380 .text__0e310 {
+    .image__08515[style*="bca918618b884a382ab5.svg"] + .flexChild__7c0ba .text__0e310 {
         @include replace.text("Wumpus has no chums.", 16px);
     }
 
     // All tab
     &#all-tab {
-        .title_a1cafe {
+        .title__1472a {
             position: relative;
             overflow: visible;
             margin-inline-start: calc(30px - 1.2em);
@@ -111,7 +106,7 @@
 
     // Blocked tab
     &#blocked-tab {
-        .title_a1cafe {
+        .title__1472a {
             position: relative;
             overflow: visible;
             margin-inline-start: calc(30px + 1.2em);
@@ -128,44 +123,44 @@
     // Add friend tab
     &#add_friend-tab {
         // Title: Add friend
-        .title_c96274 {
+        .title__94b08 {
             @include replace.text("Add Chum", 16px);
         }
 
         // Subtitle: You can add friends with their Discord usernames.
-        .description_b89ec7:first-child {
+        .description_ddd181:first-child {
             @include replace.text("You can add chums with their chumhandles.", 14px);
         }
 
         // Input: You can add friends with their Discord usernames.
-        .input_f8bc55::placeholder {
+        .input__0f084::placeholder {
             color: transparent;
         }
 
         // Button: Send Friend Request
-        .button_dd4f85 {
+        .button__201d5 {
             @include box.default;
 
-            .contents_dd4f85 {
+            .contents__201d5 {
                 @include replace.text("Send chum request");
             }
         }
 
         // Title: Other places to make friends
-        .title_aef5fd {
+        .title_a14595 {
             @include replace.text("Other places to make chums", 16px);
         }
     }
 }
 
 // Active now
-.nowPlayingColumn_c2739c {
+.nowPlayingColumn__133bf {
     @include box.sync;
 
-    .container_bf550a {
+    .container__7d20c {
         background: unset;
 
-        .scroller_bf550a {
+        .scroller__7d20c {
             border-left: 0;
             margin-left: 0;
         }
@@ -183,12 +178,12 @@
 }
 
 // Library, Nitro, Shop
-:is(.scroller_ad8f79, .scroller_a8b566) {
+:is(.scroller__4a84a, .scroller_c880e8) {
     @include box.sync;
     margin: 16px;
 
     // Library header
-    .header_f1629a {
+    .header_adb41f {
         background: unset;
     }
 }