search

DiscordStyles / DarkMatter

A cold, dark & frosty theme.
MIT License
146 stars 1.11k forks source link

Wall paper issue #31

Closed ArtixSwagGaming closed 1 year ago

ArtixSwagGaming commented 1 year ago

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

0xZaphod commented 1 year ago

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 commented 1 year ago

.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 commented 1 year ago

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 commented 1 year ago

/**

@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 commented 1 year ago

/**

@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 commented 1 year ago

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 commented 1 year ago

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