MiniDiscordThemes · KrstlSkll69 · Feb 2, 2025 · Feb 2, 2025
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/themes/AltTextImprovements/scss/main.scss b/themes/AltTextImprovements/scss/main.scss
@@ -1,6 +1,6 @@
 @use "./mixins";
 
-.mediaMosaicAltText_cf58b5 {
+.mediaMosaicAltText__0f481 {
     position: unset;
     width: 100%;
     line-height: 10px;
@@ -9,7 +9,7 @@
     @include mixins.reaction;
 }
 
-.mediaMosaicAltTextPopout_cf58b5 {
+.mediaMosaicAltTextPopout__0f481 {
     position: relative;
     top: -10px;
     user-select: text;
@@ -24,10 +24,10 @@
     }
 }
 
-.mediaMosaicAltTextPopoutTitle_cf58b5 {
+.mediaMosaicAltTextPopoutTitle__0f481 {
     display: none;
 }
 
-.imageContainer_cf58b5 {
+.imageContainer__0f481 {
     height: 1%;
 }
diff --git a/themes/AvatarDecorationCheckmark/scss/_vars.scss b/themes/AvatarDecorationCheckmark/scss/_vars.scss
@@ -5,23 +5,23 @@ $checkmark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"
 $locations: (
     "profile": (
         "wrapper": ".userProfileInner_c69a7b",
-        "username": ":is(.nickname_c9ccf6, .container_c9ccf6, .text-lg\\/semibold_dc00ef, .nickname_c32acf)"
+        "username": ":is(.nickname_c9ccf6, .container_c9ccf6, .text-lg\\/semibold_dc00ef, .nickname__63ed3)"
     ),
     "message": (
-        "wrapper": ".contents_f9f2ca",
-        "username": ".username_f9f2ca:not(.vc-rdb-view .username_f9f2ca)"
+        "wrapper": ".contents_c19a55",
+        "username": ".username_c19a55:not(.vc-rdb-view .username_c19a55)"
     ),
     "dm-header": (
-        "wrapper": ".container_c2668b",
-        "username": ".header_c2668b"
+        "wrapper": ".container__00de6",
+        "username": ".header__00de6"
     ),
     "member-list": (
-        "wrapper": ".member_a31c43",
-        "username": ".username_de3235"
+        "wrapper": ".member__5d473",
+        "username": ".username__703b9"
     ),
     "dm-list": (
-        "wrapper": ".channel_c91bad",
-        "username": ".overflow_c74e70"
+        "wrapper": ".channel__972a0",
+        "username": ".overflow__82b15"
     )
 );
 

diff --git a/themes/Billboard/scss/main.scss b/themes/Billboard/scss/main.scss
@@ -45,6 +45,6 @@ body {
     }
 }
 
-.swipeWrapper_cd22e7 {
+.swipeWrapper__452c3 {
     display: none;
 }
diff --git a/themes/ChannelListWidth/scss/main.scss b/themes/ChannelListWidth/scss/main.scss
@@ -2,39 +2,39 @@
 @use "./default";
 
 // Channels list
-.sidebar_a4d4d9 {
+.sidebar_c48ade {
     width: $channellist-width;
 
     // Server name header
-    .headerContent_fd6364 {
+    .headerContent_f37cb1 {
         height: calc($channellist-header-height - 24px);
     }
 
     // Banner
-    .animatedContainer_fd6364 {
+    .animatedContainer_f37cb1 {
         height: $banner-height;
     }
 
     // Prevent banner overlapping outer
-    .animatedContainer_fd6364,
-    .bannerImage_fd6364 {
+    .animatedContainer_f37cb1,
+    .bannerImage_f37cb1 {
         transform: none !important;
         min-height: $channellist-header-height;
     }
-    .bannerImage_fd6364,
-    .bannerImg_fd6364 {
+    .bannerImage_f37cb1,
+    .bannerImg_f37cb1 {
         width: inherit;
     }
-    .bannerImg_fd6364 {
+    .bannerImg_f37cb1 {
         height: unset;
         min-height: $channellist-header-height;
     }
 
     // Resize banner-channels spacers in servers with banners
-    &:has(.animatedContainer_fd6364) {
+    &:has(.animatedContainer_f37cb1) {
         // Servers with boost goal
-        &:has(.container_c75f85) {
-            :not(.sectionDivider_c43953) + div[style="height: 12px;"] {
+        &:has(.container_eff079) {
+            :not(.sectionDivider__629e4) + div[style="height: 12px;"] {
                 height: calc($banner-height - $channellist-header-height) !important;
             }
             div[style="height: 84px;"] {
@@ -44,7 +44,7 @@
 
         // Servers without boost goal
         & {
-            :not(.sectionDivider_c43953) + div[style="height: 12px;"] {
+            :not(.sectionDivider__629e4) + div[style="height: 12px;"] {
                 height: calc($banner-height - $channellist-header-height - 84px) !important;
             }
             div[style="height: 84px;"] {
@@ -54,7 +54,7 @@
     }
 
     // Flexier user panel
-    .container_b2ca13 {
+    .container__37e49 {
         box-sizing: border-box;
         min-height: 53px;
         height: auto;
@@ -64,28 +64,28 @@
         flex-wrap: wrap-reverse;
         justify-content: center;
 
-        .avatarWrapper_b2ca13 {
+        .avatarWrapper__37e49 {
             flex: 2;
             max-width: fit-content;
             margin-right: 0;
         }
 
-        .horizontal_bba380 {
+        .horizontal__7c0ba {
             flex: 1 !important;
             justify-content: space-around;
         }
     }
 
     // DM list fix
-    .channel_c91bad {
+    .channel__972a0 {
         max-width: unset;
     }
 }
 
 // Headers
 // Chat, DMs list, search results
-.container_e44302,
-.searchBar_f0963d,
-.searchHeader_b7c924 {
+.container__9293f,
+.searchBar__35e86,
+.searchHeader_f3b986 {
     height: var(--channellist-header-height);
 }
diff --git a/themes/ClippyStatus/scss/main.scss b/themes/ClippyStatus/scss/main.scss
@@ -4,13 +4,13 @@
 }
 
 .userProfileOuter_c69a7b {
-    .statusBubble_d0a252,
-    .statusBubbleOuter_d0a252,
-    .statusBubbleOuter_d0a252::before {
+    .statusBubble_af9888,
+    .statusBubbleOuter_af9888,
+    .statusBubbleOuter_af9888::before {
         background-color: rgb(255, 255, 204);
     }
 
-    .statusBubbleOuter_d0a252 {
+    .statusBubbleOuter_af9888 {
         $radius: 12px;
         $borderwidth: 1px;
         border-radius: $radius;
@@ -56,12 +56,12 @@
             }
         }
 
-        @at-root .statusBubble_d0a252 {
+        @at-root .statusBubble_af9888 {
             border-radius: $radius - 2 * $borderwidth;
             padding: 6px;
-            @at-root .content_d0a252 {
+            @at-root .content_ab8609 {
                 color: black;
-                @at-root .statusText_d0a252 {
+                @at-root .statusText_ab8609 {
                     color: inherit;
                     font-family: "w95", var(--font-primary);
                 }

diff --git a/themes/EfficientSettings/scss/main.scss b/themes/EfficientSettings/scss/main.scss
@@ -1,3 +1,3 @@
-#user-settings-cog > .scroller_d90b3d > .item_d90b3d {
+#user-settings-cog > .scroller_c1e9c4 > .item_c1e9c4 {
     display: none;
 }
diff --git a/themes/MessageBarGreyEmoji/scss/main.scss b/themes/MessageBarGreyEmoji/scss/main.scss
@@ -1,5 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Noto+Emoji&display=swap");
 
-.placeholder_a552a6 {
+.placeholder__1b31f {
     font-family: var(--font-primary), "Noto Emoji";
 }
diff --git a/themes/MinimalAuthApps/scss/main.scss b/themes/MinimalAuthApps/scss/main.scss
@@ -1,4 +1,4 @@
-.authedApp_f0135d {
+.authedApp__50a54 {
     max-height: 32px;
     box-sizing: content-box;
     overflow: hidden;

diff --git a/themes/MinimalSearchbar/scss/main.scss b/themes/MinimalSearchbar/scss/main.scss
@@ -1,16 +1,16 @@
 // Search
-.search_ff5f90 {
+.search__49676 {
     order: var(--search-order, 1);
 
-    .searchBar_a46bef {
+    .searchBar__97492 {
         background: transparent;
 
         // When not in action
-        &:not(:focus-within, :hover, :has(.clear_effbe2)) {
+        &:not(:focus-within, :hover, :has(.clear_fea832)) {
             width: 24px;
 
             // Search icon
-            .iconContainer_effbe2 {
+            .iconContainer_fea832 {
                 width: 24px;
                 height: 24px;
                 cursor: pointer;

diff --git a/themes/ModTitle/scss/main.scss b/themes/ModTitle/scss/main.scss
@@ -1,5 +1,5 @@
 // Wordmark by client mod
-.wordmark_a934d8 {
+.wordmark__421ed {
     pointer-events: unset;
     padding: 0;
 

diff --git a/themes/ModeIndicator/scss/main.scss b/themes/ModeIndicator/scss/main.scss
@@ -1,5 +1,5 @@
 // Light/dark mode indicator on titlebar
-.titleBar_a934d8::after {
+.titleBar__421ed::after {
     position: absolute;
     top: -4px;
     right: 84px;

diff --git a/themes/PillVC/scss/main.scss b/themes/PillVC/scss/main.scss
@@ -6,32 +6,32 @@
     --pill-border-width: 3px;
 }
 
-.wrapper_a5bc92 {
+.wrapper__260e1 {
     border: var(--pill-border-width) solid;
     border-color: var(--pill-border-light) var(--pill-border-dark) var(--pill-border-dark) var(--pill-border-light);
     border-radius: 50%;
     color: var(--piil-text);
     font-weight: bold;
 }
 
-.users_a5bc92,
-.total_a5bc92 {
+.users__260e1,
+.total__260e1 {
     background: var(--pill-background);
     width: 50%;
 }
 
-.users_a5bc92 {
+.users__260e1 {
     border-right: var(--pill-border-width) solid var(--pill-border-dark);
 }
 
-.total_a5bc92 {
+.total__260e1 {
     border-left: var(--pill-border-width) solid var(--pill-border-light);
 
     &::after {
         display: none;
     }
 }
 
-.extraLong_a5bc92.extraLong_a5bc92 {
+.extraLong__260e1.extraLong__260e1 {
     width: 50%;
 }
diff --git a/themes/PrivacyScreen/scss/main.scss b/themes/PrivacyScreen/scss/main.scss
@@ -5,7 +5,7 @@
     --privacy-bg-blend: difference;
 }
 
-.layers_a01fb1::after {
+.layers__160d8::after {
     content: "";
     position: absolute;
     inset: 0;
@@ -18,7 +18,7 @@
     transition: opacity 0.2s ease;
 }
 
-.app-focused .layers_a01fb1::after {
+.app-focused .layers__160d8::after {
     opacity: 0;
     transition-duration: 1s;
     pointer-events: none;

diff --git a/themes/RoleTint/scss/_new.scss b/themes/RoleTint/scss/_new.scss
@@ -1,7 +1,7 @@
-// New profile experiment
+/// New profile experiment
 
 // Role pill
-.role_f9575e {
+.role_dfa8b6 {
     padding: 0;
     overflow: hidden;
     position: relative;
@@ -11,14 +11,14 @@
         margin: 0;
         align-self: flex-start;
 
-        @at-root .roleRemoveButton_f9575e {
+        @at-root .roleRemoveButton_dfa8b6 {
             position: unset;
             width: 0%;
             height: 100%;
 
             // Role colour
             // not @at-root to prevent role settings issue
-            .roleCircle_a26d7b {
+            .roleCircle__4f569 {
                 border-radius: unset;
                 margin: unset;
                 position: absolute;
@@ -29,7 +29,7 @@
             }
 
             // X icon
-            @at-root .roleRemoveIcon_f9575e {
+            @at-root .roleRemoveIcon_dfa8b6 {
                 background: var(--profile-role-pill-background-color);
                 padding: 2px;
                 border-radius: 50%;
@@ -43,19 +43,19 @@
     }
 
     // Role icon
-    @at-root .roleIcon_d5100b {
+    @at-root .roleIcon__1e6f1 {
         position: relative;
         min-width: 16px;
         z-index: 1;
     }
 
     // Role name
-    @at-root .roleName_f9575e {
+    @at-root .roleName_dfa8b6 {
         padding: 4px;
     }
 
     // First item after "Remove Role" div
-    @at-root :is(.role_f9575e > :first-child, .roleRemoveButton_f9575e) + :is(span, div) {
+    @at-root :is(.role_dfa8b6 > :first-child, .roleRemoveButton_dfa8b6) + :is(span, div) {
         margin-left: 4px;
     }
 }