Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Discord update broke theme #43

Open
4byss1992 opened this issue Oct 26, 2023 · 7 comments
Open

New Discord update broke theme #43

4byss1992 opened this issue Oct 26, 2023 · 7 comments

Comments

@4byss1992
Copy link

New update broke theme just posting this here to bring awareness to it.

@0xZaphod
Copy link

Somewhat quick and dirty fix (still has a bunch of unnecessary classes I think), but it should do the trick (I hope...)

#bd-pub-li{
    display: none;
}

.content__4bf10,
.layer_ec16dd,
.standardSidebarView__1129a {
  background: var(--background-image);  
}

.app_de4237, 
.bg__12180,
.wrapper_a7e7a8.guilds__2b93a,
.animatorTop__609e7.translate_c2f6c4.didRender_f1da13,
.wrapper_cd625e.categoryList__173de,
.member_b44d5d,
.sidebar_ded4b5,
.contentRegion__0bec1,
.contentRegionScroller__86c79,
.childWrapper__01b9c:hover,
.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
    background-color: transparent !important;
}

.container__590e2,
.container__5c7e7,
.container_b2ce9c,
.contentTransitionWrap_c5bc61,
.chatContent__5dca8,
.sidebarRegionScroller__1fa7e,
.privateChannels__93473,
.picker__6dca7 {
   background: rgba(0, 0, 0, 0.7) !important;
}

/*.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) > .label__73cb9*/
.text-xs-medium__220aa.soundName__35f8b,
.eyebrow_e5a66c.defaultColor__87d87.sectionTitle__8df35.app_de4237
.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) {
    color: grey !important;
}

@Theletha
Copy link

ye same just logged in and its all dark blue/standard theme

@4byss1992
Copy link
Author

Somewhat quick and dirty fix (still has a bunch of unnecessary classes I think), but it should do the trick (I hope...)

#bd-pub-li{
    display: none;
}

.content__4bf10,
.layer_ec16dd,
.standardSidebarView__1129a {
  background: var(--background-image);  
}

.app_de4237, 
.bg__12180,
.wrapper_a7e7a8.guilds__2b93a,
.animatorTop__609e7.translate_c2f6c4.didRender_f1da13,
.wrapper_cd625e.categoryList__173de,
.member_b44d5d,
.sidebar_ded4b5,
.contentRegion__0bec1,
.contentRegionScroller__86c79,
.childWrapper__01b9c:hover,
.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
    background-color: transparent !important;
}

.container__590e2,
.container__5c7e7,
.container_b2ce9c,
.contentTransitionWrap_c5bc61,
.chatContent__5dca8,
.sidebarRegionScroller__1fa7e,
.privateChannels__93473,
.picker__6dca7 {
   background: rgba(0, 0, 0, 0.7) !important;
}

/*.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) > .label__73cb9*/
.text-xs-medium__220aa.soundName__35f8b,
.eyebrow_e5a66c.defaultColor__87d87.sectionTitle__8df35.app_de4237
.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) {
    color: grey !important;
}

It works to bring the background back it's a good bandaid

@4byss1992 4byss1992 reopened this Oct 28, 2023
@TheRealRazbi
Copy link

Somewhat quick and dirty fix (still has a bunch of unnecessary classes I think), but it should do the trick (I hope...)

#bd-pub-li{
    display: none;
}

.content__4bf10,
.layer_ec16dd,
.standardSidebarView__1129a {
  background: var(--background-image);  
}

.app_de4237, 
.bg__12180,
.wrapper_a7e7a8.guilds__2b93a,
.animatorTop__609e7.translate_c2f6c4.didRender_f1da13,
.wrapper_cd625e.categoryList__173de,
.member_b44d5d,
.sidebar_ded4b5,
.contentRegion__0bec1,
.contentRegionScroller__86c79,
.childWrapper__01b9c:hover,
.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
    background-color: transparent !important;
}

.container__590e2,
.container__5c7e7,
.container_b2ce9c,
.contentTransitionWrap_c5bc61,
.chatContent__5dca8,
.sidebarRegionScroller__1fa7e,
.privateChannels__93473,
.picker__6dca7 {
   background: rgba(0, 0, 0, 0.7) !important;
}

/*.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) > .label__73cb9*/
.text-xs-medium__220aa.soundName__35f8b,
.eyebrow_e5a66c.defaultColor__87d87.sectionTitle__8df35.app_de4237
.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) {
    color: grey !important;
}

the problem with it is that the top bar of discord is now really white because of it, maybe it's just on my end. I really hope someone can fix that part

@AilurusHush
Copy link

Somewhat quick and dirty fix (still has a bunch of unnecessary classes I think), but it should do the trick (I hope...)

#bd-pub-li{
    display: none;
}

.content__4bf10,
.layer_ec16dd,
.standardSidebarView__1129a {
  background: var(--background-image);  
}

.app_de4237, 
.bg__12180,
.wrapper_a7e7a8.guilds__2b93a,
.animatorTop__609e7.translate_c2f6c4.didRender_f1da13,
.wrapper_cd625e.categoryList__173de,
.member_b44d5d,
.sidebar_ded4b5,
.contentRegion__0bec1,
.contentRegionScroller__86c79,
.childWrapper__01b9c:hover,
.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
    background-color: transparent !important;
}

.container__590e2,
.container__5c7e7,
.container_b2ce9c,
.contentTransitionWrap_c5bc61,
.chatContent__5dca8,
.sidebarRegionScroller__1fa7e,
.privateChannels__93473,
.picker__6dca7 {
   background: rgba(0, 0, 0, 0.7) !important;
}

/*.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) > .label__73cb9*/
.text-xs-medium__220aa.soundName__35f8b,
.eyebrow_e5a66c.defaultColor__87d87.sectionTitle__8df35.app_de4237
.item__183e8.labelContainer_bc2861.colorDefault__0b482:not(.colorBrand__471df) {
    color: grey !important;
}

It works to bring the background back it's a good bandaid

Where would I copy this too for Vencord? The 'QuickCSS' area?
I love the Theme, I'm just not very good with computer code stuff ^^;

@0xZaphod
Copy link

0xZaphod commented Jan 2, 2024

Yes QuickCSS is what you're looking for.
But I doubt it'll work for Vencord, since it probably has different class names than Discord.

@Theletha
Copy link

guuys its borken again, the background isnt showing thru

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants