Skip to content

Commit

Permalink
fix: 🐛 Update rerolled classes again
Browse files Browse the repository at this point in the history 
Discord updated their class-names again, this fix implements the new class names.
  • Loading branch information
@B4T3S
B4T3S committed Mar 28, 2024
1 parent 088496b commit e4bcec4
Show file tree
Hide file tree
Showing 4 changed files with 162 additions and 157 deletions.
241 changes: 122 additions & 119 deletions src/_base.scss
View file
Original file line number Diff line number Diff line change
@@ -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);
}
.mentioned_fa6fd2::before {
background-color: var(--highlight);
}
24 changes: 12 additions & 12 deletions src/_title.scss
View file
Original file line number Diff line number Diff line change
@@ -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;
}
.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;
}
4 changes: 2 additions & 2 deletions src/_version.scss
View file
Original file line number Diff line number Diff line change
@@ -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));
}
}
Loading

0 comments on commit e4bcec4

Please sign in to comment.