CapnKitten / Material-Discord

Material design theme for Discord
345 stars 152 forks source link

background image? #149

Closed allaze-eroler closed 3 years ago

allaze-eroler commented 3 years ago

Hello, I've like to have the same possibility than your translucence theme: https://github.com/CapnKitten/Translucence

So, is there a way to customize your material theme?

CapnKitten commented 3 years ago

There is, you just have to play around with the variables listed here. A quick example would be like:

:root {
    --app-bg: url(https://i.imgur.com/U8bSjj5.jpg);
}

.theme-dark,
.theme-light {
    --main-color: transparent;
    --main-alt: transparent;
    --server-color: transparent;
    --chat-color: transparent;
}
allaze-eroler commented 3 years ago

thank you very much! that is what i needed!

allaze-eroler commented 3 years ago

Sorry to bother you again, i just realize that i need to make the bubble text translucent too with a good blur from your translucent theme... what is the best method?

CapnKitten commented 3 years ago

That's the tricky part. For the message bubbles to have a radius and to group messages that are said by the same person, there's some overlap that would look bad if it were to be translucent.

allaze-eroler commented 3 years ago

That is what i noticed when studying in your code source...

allaze-eroler commented 3 years ago

so far, this is what i managed to get with a custom css: Discord_kc591RYz3a

only the problem is that i have no idea how to blur the box background... like your translucence theme.

CapnKitten commented 3 years ago

If you're referring to the background that includes --app-bg, add this:

.bg-h5JY_x {
    filter: blur(var(--app-blur));
}