#Per DM user backgrounds

1 messages · Page 2 of 1

barren forge
#

oh thanks that works wonderfully! just had to use this for all server backgrounds except the custom default one

finite comet
#

got it! glad it worked :3

frigid moat
#

woah

#

I'm proud of you benny

finite comet
#

TYY

little saffron
#

Genuinely wanna use this BUT I cannot understand anything 😭

little saffron
#

I dont really know how to do this since i dont do code

#

i tried following the intructions

#

change the id thingy

#

and its just black XD

wind light
#

theme out of date

little saffron
frigid moat
#

discord doesnt accept every image anymore

frigid moat
wind light
frigid moat
#

just got a new router, my servers have all the wrong configs and i need to fix it

#

room redesign, new bed

#

exams

#

new semester around the corenr

#

lots of projects

finite comet
#

i think im gonna maintain user dm backgrounds plus the transluscent msg bar and all other theming ive done to other elements (both seperately but provided)

ill prolly have it up on github at some point soon to add as an import link so i can make fixes and changes and not have ppls snippets be out of date

#

the only reason im gonna be maintaining it is because im using it

barren forge
#

Found a small new issue, if you edit a message with 8+lines located at the very bottom of the chat, the background will be a bit buggy and the channel-info on top will disappear
it fixes itself if you write 4+lines in the messagebox

image.png
finite comet
#

this is common, i dont have a fix for it, me and cat tried our best, but its rlly bwehh :(

#

this is how it is for me

# 
/* ---- v Indev transparent messagebox v ---- */
form.f75fb00fb7356cbe-formWithLoadedChatInput { margin-top: calc(-16px - 10vh) !important;} /* Eat message area's space */
div[class*="-messagesWrapper"] > div[class*="-bottomBar"] {bottom: calc(10vh + 28px);} /* Fix new messages bar*/
div[class*="-messagesWrapper"] > div[class*="bottomBar__"], /* New messages bar */
div[class*="-autocomplete"], /* Emojis and stuff */
div[class*="-channelTextArea"]::before { /* actual text area */
  backdrop-filter: blur(10px); /* Configure blur amount here */
}

div[class*="-channelTextArea"] { /* actual text area overrides */
  position: relative;
  background: transparent !important;
  &::before { content: ""; position: absolute; inset: 0; border-radius: inherit; } /* Set up blur */
  > * { position: relative;} /* Fix some stuff */
  > [class*="-autocomplete"] { position: absolute; } /* Override commands and emoji menu format */
  > *:not([class*="-autocomplete"]) {background: 0 0 !important;} /* Text area's internals excluding emojis and commands */
}

ol[class*="-scrollerInner"][data-list-id="chat-messages"]::after { /* Add spacer for the bottom*/
  display: block;
  content: "";
  position: relative;
  height: 10vh;
}

div[class*="-floatingBars"] {border-bottom: 1px #6664 solid; [class*="-banner"] { background: 0 0;}} /* Override for new member steps */
/* ---- ^ Indev transparent messagebox ^ ---- */
#

try replacing your messagebox snippet with this

#

i still need to target that gradient at the bottom of the screen and get rid of it

finite comet
#

i wanna do them before i upload everything to github and try to send out a new css snippets thing

barren forge
finite comet
# barren forge Nope, the theme's really great and I didn't have any issues with it recently! g...

BLUR MORE

@import url('https://raw.githubusercontent.com/Benzeel/Bennys-Css-Snippets/refs/heads/main/BlurMore.css'); /* Blur More: Addition to Per User / Server DM Backgrounds */

Add this below your import urls to set the colour of the right click menu's hover colour.
without it, it wont look right.

:root {
--rightclickmenuhovercolour: #96cc004d;
}```

# TRANSLUSCENT MESSAGE BAR

```css
@import url('https://raw.githubusercontent.com/Benzeel/Bennys-Css-Snippets/refs/heads/main/TransparentMessagebox.css'); /* Transluscent Message Bar */
#

finished the blur more theming (which i think youll love)
and also uploaded transluscent message bar to github as well so that i can fix it without you having to switch out your message bar snippet :3

#

im not too confident to send this in normal css snippets cus of the fact i think my css is bad and jank </3

barren forge
#

oh hey thanks a bunch, that right click menu looks awesome!!

#

and the blur for all attachments might be even better,

image.png
#

so peak 🥹

finite comet
#

YEAHHH TYYY

#

if you find any unthemed elements u think could be blurred lemme know cus its prolly an easy fix and its rlly fun for me :D

#

OH BTW

#

one sec

# 

/* Coloured embeds */
._623de82e76ad7f82-embedFull {
    overflow: hidden;

    &::before {
        top: -1px;
        content: "";
        position: absolute;
        border: inherit;
        border-left-width: 100vw;
        max-width: 100%;
        height: calc(100% + 2px);
        box-sizing: border-box !important;
        opacity: 0.25;
        z-index: 1;
        border-radius: 0px 8px 8px 0px;
    }

    ._623de82e76ad7f82-gridContainer {
        z-index: 1;
    }
}
._60fa3b8f3ca9845f-withAccentColor {
    background: color-mix(in srgb, var(--background-surface-high), var(--__accent-color) 25%);
}```
#

use this snippet for embeds :D itl look nice

#

its not by me but i dont remember who

#

up to u tho :3

barren forge
#

it does look pretty neat, YT's red might be a bit too intense for me 😭

finite comet
#

up to you to use it :3

barren forge
barren forge
finite comet
#

OOHHH I FORGOT ABT THAT

#

i shall do that later today!

#

oh also check out the inbox and settings menu! i had fun with those

#

in the inbox the message bgs are opaque due to weird behavior with blur

#

plus, better readability :3

barren forge
finite comet
#

oh yeah forgot abt that too cus i removed the button for myself LOL

barren forge
finite comet
#

:D

barren forge
finite comet
#

yup! lemme go grab it

# 

/*nuke buttons i do not liek*/
[aria-label^="Apps"] { display: none; }
[aria-label^="Send a gift"] {display: none;}

nukes the apps and gift buttons

barren forge
#

oh wait I added it in and nothing happened

#

nvm it's based on language so I just had to change the css' language

finite comet
#

ohhh i see

#

didnt know that was a thing 🤔

barren forge
#

didn't know either, I just tested stuff around and somehow it worked

finite comet
#

i see i see...

barren forge
#

ah and one last slight inconsistency is the lack of blur on hovered emotes (as hovered reactions have blur)

image.png
finite comet
finite comet
#

ok

just also realized that the activity card hover more reactions button.

emoji menu

uh

#

isnt themed

#

theres like 4 different variations of those 🥲

#

i keep having to theme them all over again

#

so thats goin on my to do list

finite comet
#

update for tonight:

  • themed search suggestions
  • themed members list (let me know what you think of it, im probably gonna add a new root value for users to change the colour and opacity)
  • fixed the slash menu having some opaque items
  • themed the activity card hover popup
finite comet
#

also

@import url('https://raw.githubusercontent.com/Benzeel/Bennys-Css-Snippets/refs/heads/main/ImageViewerTweaks.css');

i tweaked the image viewer and made the arrow buttons longer and bigger to make them easier to click

i also made the X button bigger
and added a little box around the image author

and made the background less dark

barren forge
finite comet
#

YAYAY ty for your support INNOCENT

finite comet
#

ok vencord is currently pretty broken at the moment, which includes my snippets, i think everything should be fixed soon

#

WAIT WHY ARE THE CLASS NAMES THE OLD ONES AGAIN HUH?

barren forge
#

even the classnames themselves didn't like the class update

finite comet
#

😔

#

im gonna wait for a while and see if they change back

#

maybe a day?

barren forge
#

I guess I'll disable auto update until it's fixed then

finite comet
#

yeah, definitely do

#

and maybe avoid closing discord entirely

#

cus it has auto update on always, and you cannot disable that

#

its not vencord's fault

barren forge
#

discord really just keeps breaking classes every other day 💔

finite comet
#

@barren forge dm me your user/dm background snippet and ill fix it for you (since i know its annoying to redo all of your set backgrounds)

#

ok! everything should be up to date minus the dm backgrounds snippet!

barren forge
finite comet
#

FOR NEW USERS

i am the current maintainer of this snippet, please go to the link below for the snippet (link because this should stay up to date if i make any changes!)
https://github.com/Benzeel/Bennys-Css-Snippets/blob/main/PerDmServerBGs.css

EXTRAS:

Translucent Message Bar

This goes well with the snippet above, but is a tad buggy and may become offset upwards (rarely). if this happens, do Crtl + R to reload discord.
This has a blur effect, which can slow down your discord.

@import url('https://raw.githubusercontent.com/Benzeel/Bennys-Css-Snippets/refs/heads/main/TransparentMessagebox.css'); /* Transluscent Message Bar */

Blur More

This also goes well with the snippet above!
This has a blur effect, which can slow down your discord.

@import url('https://raw.githubusercontent.com/Benzeel/Bennys-Css-Snippets/refs/heads/main/BlurMore.css'); /* Blur More */

Add this below your import urls as well to set the colour of the right click menu's hover colour.
without it, it wont look right.

:root {
--rightclickmenuhovercolour: #96cc004d;
--memberslistbg: #00000096;
}
finite comet
finite comet
#

mwheehehe i did a thing

#

@barren forge

add --memberslistbg: #00000096; to your root

#

this is a new variable i added

#

it replaces the colour of the members list background

barren forge
#

ohh it's really pretty, I don't keep memberlist on often but now it looks clean

finite comet
#

:D

barren forge
#

it doesn't work in threads though for some reason 😭

finite comet
#

ah, yeah i think threads or esp forum threads are brokey

#

will fix later!

frigid moat
#

im proud of you benny

finite comet
#

ty stares