From e4bcec446c0bbdac739d081b67c9d4a26d0e5aa8 Mon Sep 17 00:00:00 2001
From: Bates <florian@cegledi.net>
Date: Thu, 28 Mar 2024 17:02:15 +0100
Subject: [PATCH] fix: :bug: Update rerolled classes again

Discord updated their class-names again, this fix implements the new class names.
---
 src/_base.scss    | 241 +++++++++++++++++++++++-----------------------
 src/_title.scss   |  24 ++---
 src/_version.scss |   4 +-
 src/dev.scss      |  50 +++++-----
 4 files changed, 162 insertions(+), 157 deletions(-)

diff --git a/src/_base.scss b/src/_base.scss
index 43bcc68..50fe94b 100644
--- a/src/_base.scss
+++ b/src/_base.scss
@@ -1,221 +1,224 @@
 /* --== Set the background color/image ==-- */
 body {
-    background-color: var(--background);
-    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));
+  background-color: var(--background);
+  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));
 }
 
 /* --== Change font ==-- */
 html,
 body {
-    font-family: 'Share Tech Mono', monospace;
+  font-family: "Share Tech Mono", monospace;
 }
 
 /* --== Make everything (which needs to be) transparent ==-- */
 // The main App background
-.appMount_fae9dd,
+.appMount_c99875,
 .app_de4237,
 .bg__12180,
 // The guild list
 .guilds__2b93a,
-.scroller__3d071,
+.scroller_de945b,
 // The channel list
-.sidebar_ded4b5,
-.container__590e2,
+.sidebar_e031be,
+.container__7e23c,
 // The mute/deafen/settings panel
 .panels__58331,
-.container_ca50b9,
+.container_debb33,
 // The chat
 .chat__52833,
-.chatContent__5dca8,
+.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
-.scrollableContainer__33e06,
-.channelTextArea__56a36,
+.scrollableContainer_ff917f,
+.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 {
-    background: transparent !important;
+.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__3ed10 rect[fill="#593695"],
+#app-mount .wrapper__3ed10 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__3ed10 rect[fill="#43b581"],
+#app-mount .wrapper__3ed10 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__3ed10 rect[fill="#faa61a"],
+#app-mount .wrapper__3ed10 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="#f04747"],
+#app-mount .wrapper__3ed10 rect[mask*="dnd"] {
+  fill: var(--dnd-color);
 }
 
 /* --== Style the unread number-badges ==-- */
-.numberBadge__50328 {
-    background-color: rgba(var(--rgb-highlight), 70%) !important;
-    color: var(--background);
+.numberBadge__40d6f {
+  background-color: rgba(var(--rgb-highlight), 70%) !important;
+  color: var(--background);
 }
 
 /* --== Style the unread message bar ==-- */
-.isUnread__6f880 {
-    border: 1px solid var(--highlight);
+.isUnread_de09f5 {
+  border: 1px solid var(--highlight);
 }
 
-.content_d67847 {
-    color: var(--highlight) !important;
+.content__7191e {
+  color: var(--highlight) !important;
 }
 
-.wrapper__7bcde:hover {
-    .unread__48cf4 {
-        background-color: var(--highlight);
-    }
+.wrapper__612a5:hover {
+  .unread__48cf4 {
+    background-color: var(--highlight);
+  }
 }
 
 .guildSeparator-33mFX6 {
-    background-color: var(--highlight);
-    border-radius: 2px;
+  background-color: var(--highlight);
+  border-radius: 2px;
 }
 
-.unreadPillCapStroke__12c0b {
-    color: var(--highlight);
-    fill: var(--highlight);
+.unreadPillCapStroke__89d64 {
+  color: var(--highlight);
+  fill: var(--highlight);
 }
 
-.unreadPill__715fc {
-    background-color: var(--highlight);
-    color: var(--background) !important;
+.unreadPill__1b4fa {
+  background-color: var(--highlight);
+  color: var(--background) !important;
 }
 
 .bar_edc096 {
-    background-color: var(--highlight);
-    color: var(--background);
+  background-color: var(--highlight);
+  color: var(--background);
 }
 
 /* --== Style the autocomplete window! ==-- */
-.autocomplete_df266d {
-    background-color: var(--background) !important;
+.autocomplete__743a5 {
+  background-color: var(--background) !important;
 }
 
 /* --== Style chat  ==-- */
-.channelTextArea__2e60f {
-    border: 1px solid var(--highlight);
-    background-color: var(--background) !important;
+.channelTextArea_c2094b {
+  border: 1px solid var(--highlight);
+  background-color: var(--background) !important;
 }
 
 /* --== Style profile ==-- */
-.userProfileInnerThemedNonPremium__3d0a6 {
-    background-color: var(--background);
+.userProfileInnerThemedNonPremium_ed9022 {
+  background-color: var(--background);
 }
 
 /* --== Hide weird unused stuff ==-- */
-.theme-dark .children__32014:after,
-.form__13a2c::before,
-.option_b5597b:after {
-    display: none;
+.theme-dark .children_cde9af:after,
+.form_d8a4a1::before,
+.option__91497:after {
+  display: none;
 }
 
 /* --== Make sure friends without custom profile-background just get the theme default, by default ==-- */
 .userPanelInnerThemed-2xZFjl {
-    background-color: var(--background);
+  background-color: var(--background);
 }
 
 /* --== Style channels ==-- */
-.containerDefault__3187b {
-    .name__8d1ec {
-        color: var(--channel-icon);
+.containerDefault_ae2ea4 {
+  .name__4eb92 {
+    color: var(--channel-icon);
+  }
+
+  .modeMuted_f0a72e {
+    .name__4eb92 {
+      color: var(--interactive-muted);
     }
+  }
 
-    .modeMuted__0aeea {
-        .name__8d1ec {
-            color: var(--interactive-muted);
-        }
+  .modeSelected__473f1,
+  .modeUnreadImportant__35358 {
+    .icon__67ab4 {
+      color: var(--text);
     }
+  }
 
-    .modeSelected__487d6, .modeUnread_f74c03 {
-        .icon_eff5d4 {
-            color: var(--text);
-        }
+  .modeSelected__473f1 {
+    .name__4eb92 {
+      color: var(--text);
     }
 
-    .modeSelected__487d6 {
-        .name__8d1ec {
-            color: var(--text);
-        }
-
-        .wrapper__7bcde {
-            background-color: rgba(var(--rgb-highlight), 20%);
-        }
+    .wrapper__612a5 {
+      background-color: rgba(var(--rgb-highlight), 20%);
     }
+  }
 }
 
 /* --== 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 {
-    color: var(--background);
+.botText_daff56,
+.botTagVerified__3e0e4 {
+  color: var(--background);
 }
 
 /* --== Fix super bright replying highlights ==-- */
-.replying_d7b6ad:hover {
-    background-color: rgba(var(--rgb-highlight), 60%) !important;
+.replying__38514:hover {
+  background-color: rgba(var(--rgb-highlight), 60%) !important;
 }
 
 /* --== Fix super bright bot-replying highlights ==-- */
-.ephemeral_c26b64 {
-    background-color: rgba(var(--rgb-highlight), 30%);
+.ephemeral_eb5d84 {
+  background-color: rgba(var(--rgb-highlight), 30%);
 }
 
-.ephemeral_c26b64:hover {
-    background-color: rgba(var(--rgb-highlight), 40%) !important;
+.ephemeral_eb5d84:hover {
+  background-color: rgba(var(--rgb-highlight), 40%) !important;
 }
 
 /* --== Change mentioned color bar ==-- */
-.mentioned__58017::before {
-    background-color: var(--highlight);
-}
\ No newline at end of file
+.mentioned_fa6fd2::before {
+  background-color: var(--highlight);
+}
diff --git a/src/_title.scss b/src/_title.scss
index 133c104..c244192 100644
--- a/src/_title.scss
+++ b/src/_title.scss
@@ -1,14 +1,14 @@
-.wordmarkWindows__05c46 svg {
-    width: 0px;
+.wordmarkWindows_ffbc5e svg {
+  width: 0px;
 }
 
-.wordmarkWindows__05c46::after {
-    content: '';
-    display: inline-block;
-    -webkit-mask-image: var(--title-image);
-    -webkit-mask-repeat: var(--title-image-repeat);
-    -webkit-mask-size: var(--title-image-size);
-    background-color: var(--title-image-color);
-    width: var(--title-image-width) !important;
-    height: var(--title-image-height) !important;
-}
\ No newline at end of file
+.wordmarkWindows_ffbc5e::after {
+  content: "";
+  display: inline-block;
+  -webkit-mask-image: var(--title-image);
+  -webkit-mask-repeat: var(--title-image-repeat);
+  -webkit-mask-size: var(--title-image-size);
+  background-color: var(--title-image-color);
+  width: var(--title-image-width) !important;
+  height: var(--title-image-height) !important;
+}
diff --git a/src/_version.scss b/src/_version.scss
index b5e8a99..31578a4 100644
--- a/src/_version.scss
+++ b/src/_version.scss
@@ -1,6 +1,6 @@
 .info__755e1:last-child::after {
-  content: "Fallout 4 Terminal 2.0.7";
+  content: "Fallout 4 Terminal 2.0.8";
   font-size: 12px;
   line-height: 16px;
   color: rgb(var(--rgb-highlight));
-}
\ No newline at end of file
+}
diff --git a/src/dev.scss b/src/dev.scss
index b78a00c..e8a1879 100644
--- a/src/dev.scss
+++ b/src/dev.scss
@@ -15,27 +15,29 @@
 @import "crtEffect.scss";
 
 :root {
-    --rgb-highlight: 274, 239, 152; /* The main highlight color */
-    --rgb-background: 0, 9, 0; /* The main background color */
-    --rgb-text: 274, 239, 152; /* The color (almost) all text should use */
-    --rgb-close-button: 212, 18, 39; /* The main "close this" or "deny" color */
-    --rgb-online-color: 57, 255, 20; /* The color used in the "online" user status symbol */
-    --rgb-afk-color: 255, 255, 51; /* The color used in the "idle" user status symbol */
-    --rgb-dnd-color: 255, 0, 0; /* The color used in the "do not disturb" user status symbol */
-    --rgb-streaming-color: 188, 19, 254; /* The color used in the "streaming X" user status symbol */
-  
-    --transition-time: .3s; /* How fast animations added by the theme happen. Default is 0.3 seconds */
-  
-    --background-image: unset; /* To add an image, replace unset with url(https://www.YOUR-URL-HERE.com) */
-    --background-position: center; /* Positions the background image */
-    --background-size: cover; /* Scales the background image */
-    --background-blur: 5px; /* Blurs the image which usually helps with readability of text infront of it */
-    --background-brightness: 100%; /* Changes the background images brightness */
-    
-    --title-image: url("https://commandcrafterhd.github.io/Fallout4TerminalTheme/svg/title.svg"); /* The .svg file used for the "ROBCO Industries (TM) terminal" title */
-    --title-image-repeat: no-repeat; /* If the title image should repeat */
-    --title-image-size: cover; /* The size of the title image */
-    --title-image-color: var(--highlight); /* The color used for the title image */
-    --title-image-width: 240px; /* The width of the title image */
-    --title-image-height: 14px; /* The height of the title image */
-  }
\ No newline at end of file
+  --rgb-highlight: 274, 239, 152; /* The main highlight color */
+  --rgb-background: 0, 9, 0; /* The main background color */
+  --rgb-text: 274, 239, 152; /* The color (almost) all text should use */
+  --rgb-close-button: 212, 18, 39; /* The main "close this" or "deny" color */
+  --rgb-online-color: 57, 255, 20; /* The color used in the "online" user status symbol */
+  --rgb-afk-color: 255, 255, 51; /* The color used in the "idle" user status symbol */
+  --rgb-dnd-color: 255, 0, 0; /* The color used in the "do not disturb" user status symbol */
+  --rgb-streaming-color: 188, 19, 254; /* The color used in the "streaming X" user status symbol */
+
+  --transition-time: 0.3s; /* How fast animations added by the theme happen. Default is 0.3 seconds */
+
+  --background-image: unset; /* To add an image, replace unset with url(https://www.YOUR-URL-HERE.com) */
+  --background-position: center; /* Positions the background image */
+  --background-size: cover; /* Scales the background image */
+  --background-blur: 5px; /* Blurs the image which usually helps with readability of text infront of it */
+  --background-brightness: 100%; /* Changes the background images brightness */
+
+  --title-image: url("https://B4T3S.github.io/Fallout4TerminalTheme/svg/title.svg"); /* The .svg file used for the "ROBCO Industries (TM) terminal" title */
+  --title-image-repeat: no-repeat; /* If the title image should repeat */
+  --title-image-size: cover; /* The size of the title image */
+  --title-image-color: var(
+    --highlight
+  ); /* The color used for the title image */
+  --title-image-width: 240px; /* The width of the title image */
+  --title-image-height: 14px; /* The height of the title image */
+}