fix: 🐛 Fixed rerolled classes again

Discord rerolled the class-names again. This update adopts the new class-names
B4T3S · Mar 28, 2024 · 5caf4c4 · 5caf4c4
1 parent 7b50cc8
commit 5caf4c4
Show file tree

Hide file tree

Showing 4 changed files with 103 additions and 72 deletions.
diff --git a/src/_base.scss b/src/_base.scss
@@ -4,71 +4,79 @@ body {
   background-image: var(--background-image);
   background-position: var(--background-position);
   background-size: var(--background-size);
-  backdrop-filter: blur(var(--background-blur)) brightness(var(--background-brightness));
+  backdrop-filter: blur(var(--background-blur))
+    brightness(var(--background-brightness));
 }
 
 /* --== Make everything (which needs to be) transparent ==-- */
 // The main App background
-.appMount_fae9dd, .app_de4237, .bg__12180,
+.appMount_c99875, .app_de4237, .bg__12180,
 // The guild list
-.guilds__2b93a, .scroller__3d071,
+.guilds__2b93a, .scroller_de945b,
 // The channel list
-.sidebar_ded4b5, .container__590e2,
+.sidebar_e031be, .container__7e23c,
 // The mute/deafen/settings panel
-.panels__58331, .container_ca50b9,
+.panels__58331, .container_debb33,
 // The chat
-.chat__52833, .chatContent__5dca8,
+.chat__52833, .chatContent_f087cb,
 // The title bar
-.title_b7d661,
+.title_d4ba1a,
 // The search bar,
-.searchBar_e0c60b,
+.searchBar__5a20a,
 // The user list
-.container_b2ce9c, .members__9f47b, .content__1a4fe, .container__4f20e,
+.container_f79ab4, .members__573eb, .content__01e65, .container_a48b21,
 // The chat box
-.channelTextArea__56a36,
+.channelTextArea__648e5,
 // The friends page
-.container__5c7e7, .section_efc22d, .nowPlayingColumn_f5023f,
-.container__0a6a9, .itemCard__1f162, .section_efc22d, .inset__0bfb3,
-.container__11d72, .privateChannels__93473, .scroller__4b984,
+.container_bd15da, .section__253ec, .nowPlayingColumn_b025fe,
+.container__3673d, .itemCard_b64118, .section__253ec, .inset__61d5b,
+.container__26baa, .privateChannels__9b518, .scroller__89969,
 // The settings page
-.layer__2efaa , .standardSidebarView__1129a, .sidebarRegionScroller__1fa7e,
-.contentRegion__0bec1, .contentRegionScroller__86c79,
+.layer_f7d46a , .standardSidebarView__12528, .sidebarRegionScroller__8113e,
+.contentRegion__08eba, .contentRegionScroller__9ae20,
 // The Library page
-.container__0eeef, .stickyHeader_aa58d0, .scroller__9c698,
+.container_a8317e, .stickyHeader_bba39c, .scroller_ddc925,
 // The Explore servers page
-.pageWrapper_fef757
-{
+.pageWrapper_c182d3 {
   background: transparent !important;
 }
 
 /* --== Style the online/afk/dnd icons ==-- */
 
 /* --== THIS PART WAS YOINKED FROM _DAVID_! THANKS DAVID! ==-- */
-#app-mount .wrapper_edb6e0 rect[fill="#593695"],
-#app-mount .wrapper_edb6e0 rect[mask*=streaming] {fill: var(--streaming-color)}
-#app-mount .wrapper_edb6e0 rect[fill="#43b581"],
-#app-mount .wrapper_edb6e0 rect[mask*=online] {fill: var(--online-color)}
-#app-mount .wrapper_edb6e0 rect[fill="#faa61a"],
-#app-mount .wrapper_edb6e0 rect[mask*=idle] {fill: var(--afk-color)}
-#app-mount .wrapper_edb6e0 rect[fill="#f04747"],
-#app-mount .wrapper_edb6e0 rect[mask*=dnd] {fill: var(--dnd-color)}
+#app-mount .wrapper__3ed10 rect[fill="#593695"],
+#app-mount .wrapper__3ed10 rect[mask*="streaming"] {
+  fill: var(--streaming-color);
+}
+#app-mount .wrapper__3ed10 rect[fill="#43b581"],
+#app-mount .wrapper__3ed10 rect[mask*="online"] {
+  fill: var(--online-color);
+}
+#app-mount .wrapper__3ed10 rect[fill="#faa61a"],
+#app-mount .wrapper__3ed10 rect[mask*="idle"] {
+  fill: var(--afk-color);
+}
+#app-mount .wrapper__3ed10 rect[fill="#f04747"],
+#app-mount .wrapper__3ed10 rect[mask*="dnd"] {
+  fill: var(--dnd-color);
+}
 
 /* --== Style the unread number-badges ==-- */
-.numberBadge__50328 {
+.numberBadge__40d6f {
   background-color: rgba(var(--rgb-highlight), 70%) !important;
   color: var(--background);
 }
 
 /* --== Style the unread message bar ==-- */
-.isUnread__6f880 {
+.isUnread_de09f5 {
   border: 1px solid var(--highlight);
 }
 
-.content_d67847 {
+.content__7191e {
   color: var(--highlight);
 }
 
-.wrapper__7bcde:hover {
+.wrapper__612a5:hover {
   .unread__48cf4 {
     background-color: var(--highlight);
   }
@@ -79,12 +87,12 @@ body {
   border-radius: 2px;
 }
 
-.unreadPillCapStroke__12c0b {
+.unreadPillCapStroke__89d64 {
   color: var(--highlight);
   fill: var(--highlight);
 }
 
-.unreadPill__715fc {
+.unreadPill__1b4fa {
   background-color: var(--highlight);
   color: var(--background) !important;
 }
@@ -95,81 +103,99 @@ body {
 }
 
 /* --== Style chat  ==-- */
-.channelTextArea__2e60f {
+.channelTextArea_c2094b {
   border: 1px solid var(--highlight);
 }
 
 /* --== Style profile ==-- */
-.userProfileInnerThemedNonPremium__3d0a6 {
+.userProfileInnerThemedNonPremium_ed9022 {
   background-color: var(--background);
 }
 
 /* --== Style member titles ==-- */
-.membersGroup__85843 {
+.membersGroup_cad095 {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--highlight);
   padding: 0px;
 }
 
-.membersGroup__85843::before {
-  content: '';
+.membersGroup_cad095::before {
+  content: "";
   width: 100%;
   height: 2px;
   margin-right: 3px;
   display: inline-block;
-  background: linear-gradient(90deg, rgba(var(--rgb-highlight), 0) 0%, rgba(var(--rgb-highlight), 1) 100%);
+  background: linear-gradient(
+    90deg,
+    rgba(var(--rgb-highlight), 0) 0%,
+    rgba(var(--rgb-highlight), 1) 100%
+  );
 }
 
-.membersGroup__85843::after {
-  content: '';
+.membersGroup_cad095::after {
+  content: "";
   width: 100%;
   height: 2px;
   margin-left: 3px;
   display: inline-block;
-  background: linear-gradient(90deg, rgba(var(--rgb-highlight), 1) 0%, rgba(var(--rgb-highlight), 0) 100%);
+  background: linear-gradient(
+    90deg,
+    rgba(var(--rgb-highlight), 1) 0%,
+    rgba(var(--rgb-highlight), 0) 100%
+  );
 }
 
 /* --== Style channelgroup titles ==-- */
-.containerDefault__23a29 {
+.containerDefault_e3b32b {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.containerDefault__23a29 div div {
+.containerDefault_e3b32b div div {
   color: var(--highlight);
 }
 
 .arrow_cb03b8 {
   display: none;
 }
 
-.container-q97qHp .overflow__87fe8 {
+.container-q97qHp .overflow__993fa {
   max-width: 8vw;
 }
 
-.containerDefault__23a29::before {
-  content: '';
+.containerDefault_e3b32b::before {
+  content: "";
   width: 100%;
   height: 2px;
   margin-right: -11px;
   display: inline-block;
-  background: linear-gradient(90deg, rgba(var(--rgb-highlight), 0) 0%, rgba(var(--rgb-highlight), 1) 100%);
+  background: linear-gradient(
+    90deg,
+    rgba(var(--rgb-highlight), 0) 0%,
+    rgba(var(--rgb-highlight), 1) 100%
+  );
 }
 
-.containerDefault__23a29::after {
-  content: '';
+.containerDefault_e3b32b::after {
+  content: "";
   width: 100%;
   height: 2px;
   margin-left: -3px;
   display: inline-block;
-  background: linear-gradient(90deg, rgba(var(--rgb-highlight), 1) 0%, rgba(var(--rgb-highlight), 0) 100%);
+  background: linear-gradient(
+    90deg,
+    rgba(var(--rgb-highlight), 1) 0%,
+    rgba(var(--rgb-highlight), 0) 100%
+  );
 }
 
 /* --== Hide weird unused stuff ==-- */
-.theme-dark .children__32014:after, .form__13a2c::before, .option_b5597b:after {
+.theme-dark .children_cde9af:after,
+.form_d8a4a1::before,
+.option__91497:after {
   display: none;
 }
 
@@ -179,48 +205,49 @@ body {
 }
 
 /* --== Fix invisible reaction count =-- */
-.reactionMe_bf6909 {
-  .reactionCount__60448 {
-      color: var(--background) !important;
+.reactionMe__9fc5c {
+  .reactionCount_b780c8 {
+    color: var(--background) !important;
   }
 }
 
 /* --== Fix illegible bot tag ==-- */
-.botText__19848, .botTagVerified_a8fa0b {
+.botText_daff56,
+.botTagVerified__3e0e4 {
   color: var(--background);
 }
 
 /* --== Set chat background color to fix transparency issues ==-- */
-.scrollableContainer__33e06 {
+.scrollableContainer_ff917f {
   background-color: var(--background);
 }
 
 /* --== Fix super bright replying highlights ==-- */
-.replying_d7b6ad:hover {
+.replying__38514:hover {
   background-color: rgba(var(--rgb-highlight), 60%) !important;
 }
 
 /* --== Fix super bright bot-replying highlights ==-- */
-.ephemeral_c26b64 {
+.ephemeral_eb5d84 {
   background-color: rgba(var(--rgb-highlight), 30%);
 }
 
-.ephemeral_c26b64:hover {
+.ephemeral_eb5d84:hover {
   background-color: rgba(var(--rgb-highlight), 40%) !important;
 }
 
 /* --== Highlight selected channel ==-- */
-.modeSelected__487d6 {
-  .icon_eff5d4 {
+.modeSelected__473f1 {
+  .icon__67ab4 {
     color: var(--highlight) !important;
   }
 
-  .wrapper__7bcde {
+  .wrapper__612a5 {
     background-color: rgba(var(--rgb-highlight), 20%) !important;
   }
 }
 
 /* --== Change mentioned color bar ==-- */
-.mentioned__58017::before {
+.mentioned_fa6fd2::before {
   background-color: var(--highlight);
-}
+}
diff --git a/src/_usertags.scss b/src/_usertags.scss
@@ -1,8 +1,9 @@
 /* --== Author tag ==-- */
+// Broken for now because discord (or BD) removed the data-author-id attribute a while ago :/
 [data-author-id="137259132305539072"] .headerText-2z4IhQ,
 [data-user-id="137259132305539072"] .nameAndDecorators-3ERwy2 {
   &::after {
-    content: ' Dev';
+    content: " Dev";
     display: inline-block;
     background-image: url("https://commandcrafterhd.github.io/DiscordDarkNeon/svg/crayon.svg");
     background-size: 12px 12px;

diff --git a/src/_version.scss b/src/_version.scss
@@ -1,6 +1,6 @@
 .info__755e1:last-child::after {
-  content: "Dark Neon Version 2.0.7";
+  content: "Dark Neon Version 2.0.8";
   font-size: 12px;
   line-height: 16px;
   color: rgb(var(--rgb-highlight));
-}
+}
diff --git a/src/hideUsers.scss b/src/hideUsers.scss
@@ -3,30 +3,33 @@
   --user-width: 240px;
 }
 
-.container_b2ce9c, .membersWrap__90226 {
+.container_f79ab4,
+.membersWrap__5ca6b {
   transition-duration: var(--transition-time);
   justify-content: unset;
   min-width: unset;
   width: var(--hidden-user-width);
 }
 
-.membersGroup__85843 {
+.membersGroup_cad095 {
   height: 0px;
   transition-duration: var(--transition-time);
   padding-top: 0px;
 }
 
-.container_b2ce9c:hover .membersGroup__85843, .membersWrap__90226:hover .membersGroup__85843 {
+.container_f79ab4:hover .membersGroup_cad095,
+.membersWrap__5ca6b:hover .membersGroup_cad095 {
   height: 40px;
   padding-top: 24px;
 }
 
-.container_b2ce9c:hover, .membersWrap__90226:hover {
+.container_f79ab4:hover,
+.membersWrap__5ca6b:hover {
   width: var(--user-width);
 }
 
 .profilePanel-2PWEok {
   transition-duration: var(--transition-time);
 }
 
-// FOR REFERENCE: container- is for normal chats and membersWrap- is for full-screen threads!
+// FOR REFERENCE: container- is for normal chats and membersWrap- is for full-screen threads!