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

Wall paper issue #31

Closed
ArtixSwagGaming opened this issue Feb 11, 2023 · 7 comments
Closed

Wall paper issue #31

ArtixSwagGaming opened this issue Feb 11, 2023 · 7 comments

Comments

@ArtixSwagGaming
Copy link

Theme is only showing black and no wall paper probably a when discord was updated

@0xZaphod
Copy link

0xZaphod commented Mar 1, 2023

If you want a band aid fix, I put this in my BetterDiscord Custom CSS

.bg-1QIAus,
.scroller-3X7KbA.none-1rXy4P.scrollerBase-1Pkza4,
.wrapper-1_HaEi.guilds-2JjMmN,
.standardSidebarView-E9Pc3j,
.layer-86YKbF {
    background-color: transparent;
}

.sidebarRegionScroller-FXiQOh,
.sidebar-1tnWFu {
   background: rgba(var(--black), 0.8) !important;
}

.container-1NXEtd,
.container-2o3qEW,
.chatContent-3KubbW {
    background: none;
}

.sidebar-1tnWFu {
    background: rgba(var(--black), 0.35);
}

@Xemacs64
Copy link

Xemacs64 commented Mar 4, 2023

.bg-1QIAus,
.scroller-3X7KbA.none-1rXy4P.scrollerBase-1Pkza4,
.wrapper-1_HaEi.guilds-2JjMmN,
.standardSidebarView-E9Pc3j,
.layer-86YKbF {
background-color: transparent;
}

.sidebarRegionScroller-FXiQOh,
.sidebar-1tnWFu {
background: rgba(var(--black), 0.8) !important;
}

.container-1NXEtd,
.container-2o3qEW,
.chatContent-3KubbW {
background: none;
}

.sidebar-1tnWFu {
background: rgba(var(--black), 0.35);
}

didn't work

@cjsio
Copy link

cjsio commented Mar 24, 2023

Experienced same issue. Loaded image is barely visible behind title bar. Code snippet in first answer makes the full title bar have the image background, but does not fix the remaining 96% of the window display. Tried setting Enable Transparency to On in BetterDiscord Settings -> Window Preferences, but did not change end result.

Used DevTools (Ctrl+Shift+I) once enabled in Settings to find the background blocking css rule. Here's the solution:

.app-2CXKsg, .bg-1QIAus { /* DMs bg overrides */

	background: transparent !important;

}

.container-1eFtFS, .base-2jDfDU, .content-1SgpWY, .chat-2ZfjoI, .div[class^='chat'] { /* Channel bg overrides */

	background: transparent !important;

}

.profilePanel-2PWEok, .userPanelOuter-xc-WYi, .userProfileOuterUnthemed-2b2rsv, .profileColors-3Y0XaR { /* Partially-opaque right sidebar bg */

	background: rgba(0, 0, 0, .25);

}

.userPanelInner-1UAR7g, .userProfileInner-3F03PX, .userPanelInnerThemed-2xZFjl, .none-1rXy4P { /* Right sidebar overrides */

	background: transparent !important;

}

You can delete individual rule blocks to see what each one does in addition to the comments. Adjust the .25 to be between 0 and 1 for the right sidebar background according to your liking. Happy theming!

@Fr3akyMurk
Copy link

Fr3akyMurk commented Mar 27, 2023

/**

@import url('https://DiscordStyles.github.io/DarkMatter/src/base.css');

/* Variables */
:root {
--avatar-size: 32px;
--background-image: url('https://i.imgur.com/7SbtKvw.png');
--home-image: url('https://i.imgur.com/233d55Y.gif');
--background-solid: #161921;
--background-solid-dark: #101218;
--background-solid-darker: #16192100;
--accent: 37, 172, 232;
--accent-alt: 29, 101, 134;
}

Apply this CSS to fix the missing wallpaper, this project hasn't been touched in over 8 months, i am working on a fork that fixes the issues present here in this repo.

Note, this only fixes the background in the friends tab.

@N3onKn1ght
Copy link

/**

@import url('https://DiscordStyles.github.io/DarkMatter/src/base.css');

/* Variables */ :root { --avatar-size: 32px; --background-image: url('https://i.imgur.com/7SbtKvw.png'); --home-image: url('https://i.imgur.com/233d55Y.gif'); --background-solid: #161921; --background-solid-dark: #101218; --background-solid-darker: #16192100; --accent: 37, 172, 232; --accent-alt: 29, 101, 134; }

Apply this CSS to fix the missing wallpaper, this project hasn't been touched in over 8 months, i am working on a fork that fixes the issues present here in this repo.

Note, this only fixes the background in the friends tab.

It's actually kinda nice having it only in the friends tab, it leaves the server browser with the background and it just looks good having it like a side banner.

@cjsio
Copy link

cjsio commented Apr 6, 2023

I suppose that depends on your selected wallpaper and personal preference but in this thread there are now multiple approaches to fit each person's taste :)

@Gibbu
Copy link
Member

Gibbu commented Jun 24, 2023

Since Tropical has left us to go get a bottle of milk.
I've gone and updated the theme.

@Gibbu Gibbu closed this as completed Jun 24, 2023
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

7 participants