frigid moat Sep 23, 2025, 6:40 PM

#

mrrp

minor gulch Sep 23, 2025, 7:13 PM

#

finite comet Sep 23, 2025, 7:17 PM

#

not sure why but it isnt working with bigger images (i think)
like https://m.patchokki.art/m/mutatedeye-bsky-3kdzkgedlb22f-2.jpg

#

works with the default you provided but not this for some reason..

foggy prism Sep 23, 2025, 7:22 PM

#

finite comet not sure why but it isnt working with bigger images (i think) like https://m.pat...

it's probably the csp

#

I think there should be a button to allow it through the csp it in themes, but this is what i'm talking about

finite comet Sep 23, 2025, 7:25 PM

#

i did try using a discord url but it still didnt work for some reason

#

ok i ended up re exporting the image in gimp, apparently the colour space wasnt srgb

#

then i used the discord url for it

#

now it tiles, and im not sure how to get it to not do that

foggy prism Sep 23, 2025, 7:28 PM

#

works fine for me after allowing it through the csp

#

press allow, then in the dialog, check the box, and press allow

foggy prism Sep 23, 2025, 7:29 PM

#

finite comet not sure why but it isnt working with bigger images (i think) like https://m.pat...

/* Custom dm/gc backgrounds (per person) */ /* make sure chat has avatar wrapper to exclude server chats*/
div[class^="chat_"]:has([class^="children_"] > div > div[class^="wrapper__"]) {
    /* Try commenting this out if you have a theme*/
    [class^="subtitleContainer"] > [class^="title_"], main[class^="chatContent_"]
    {background: transparent !important;}

    background-size: contain !important;

    /*Uncomment to specify custom textbar colors. v border                  v background*/
    /*.channelTextArea_f75fb0 {  background: #000000; div { background: #000000; } }*/

    /*                           Duplicate this part per user. v ID HERE                                 v URL HERE                                                         TINT HERE IF YOU WANT IT v */
    &:has([class^="children__"] [class^="avatar__"][src*="411305656231133194"]) {background: url("https://m.patchokki.art/m/mutatedeye-bsky-3kdzkgedlb22f-2.jpg"); &::before {background: rgba(0, 0, 0, 0.24);}}

    /* Tint*/
    position: relative;
    &::before {
        content: "";
        position: absolute;
        inset: 0;
    }
}

finite comet Sep 23, 2025, 7:33 PM

#

foggy prism ```css /* Custom dm/gc backgrounds (per person) */ /* make sure chat has avatar ...

oh shoot, thank you!

#

ok now im just dealing with these issues

#

whatever weird slight gradient thing that is near the username, and the image tiling instead of being centered and fitting to the window
https://m.patchokki.art/m/08M.png

#

aaand also the emoji button is gone for some reason with the snippet

#

ok i fixed the tiling by changing the background-size from contain to cover, its un centered but i suppose thats ok

#

fixed

#

https://m.patchokki.art/m/WPn.png

frigid moat Sep 24, 2025, 6:08 AM

#

finite comet ok i fixed the tiling by changing the background-size from contain to cover, its...

I'll add this to the snippet, thank you!

finite comet Sep 24, 2025, 6:11 AM

#

no problem!

#

do you also think you can add a blurring to the image you set as well?

frigid moat Sep 24, 2025, 6:11 AM

#

minor gulch

mraww

finite comet Sep 24, 2025, 6:11 AM

#

i tried to do it myself but i dont know css like at all so i failed to LOL

#

also something is making JUST the emoji button dissapear 🤔

frigid moat Sep 24, 2025, 6:12 AM

#

finite comet do you also think you can add a blurring to the image you set as well?

oh sure, that's just a couple more characters

#

here

finite comet Sep 24, 2025, 6:12 AM

#

i know it is this snippet

#

:O

frigid moat Sep 24, 2025, 6:12 AM

#

finite comet also something is making JUST the emoji button dissapear 🤔

maybe.. the cover setting im thinking

#

see if setting it back to contain fixes it

finite comet Sep 24, 2025, 6:13 AM

#

didnt work :(

frigid moat Sep 24, 2025, 6:13 AM

#

mmm

#

allow me to get to my pc

finite comet Sep 24, 2025, 6:14 AM

#

ok this line causes it

.channelTextArea_f75fb0 {  background: #0000002f; div { background: #20202000; }}```

frigid moat Sep 24, 2025, 6:14 AM

#

hmmn

#

words..

#

can't read well on phone

finite comet Sep 24, 2025, 6:14 AM

#

https://m.patchokki.art/m/tQ9.png

frigid moat Sep 24, 2025, 6:15 AM

#

thats weird

#

hold on

#

i dont think i properly tested that my bad

finite comet Sep 24, 2025, 6:16 AM

#

thats ok :3

#

im also getting this weird.. partial gradient thing next to the name

#

https://m.patchokki.art/m/AFI.png

#

i have the black discord theme enabled since i dont like the default grey one

autumn hull Sep 24, 2025, 6:18 AM

#

better then light theme atleast

frigid moat Sep 24, 2025, 6:20 AM

#

finite comet https://m.patchokki.art/m/AFI.png

oh yes uh- that's a

#

gradient for if the display name is too long

#

i can fix that too, here to send this image

#

#

yeees that's totally the intended look discord

finite comet Sep 24, 2025, 6:22 AM

#

yeah i kept having the issue where it blurred the whole chat or the tint instead of just the image LOL

#

i was at it for like an hour tryna figure it out, even looking at documentation for css n stuff (despite not really knowing how to code css at alll)

frigid moat Sep 24, 2025, 6:23 AM

#

finite comet i was at it for like an hour tryna figure it out, even looking at documentation ...

oh wow-

#

uh.. yeah no all-

#

holdyeah il

#

    /*                           Duplicate this part per user. v ID HERE                                 v URL HERE                                                         TINT HERE IF YOU WANT IT v                                v Blur*/
    &:has([class^="children__"] [class^="avatar__"][src*="155149108183695360"]) {background: url("https://cdn.discordapp.com/emojis/1258573513250570252.webp"); &::before {background: rgba(0, 0, 0, 0.24);  backdrop-filter: blur(10px);}}

#

id is from dyno

autumn hull Sep 24, 2025, 6:24 AM

#

would it be posable to make this work for servers too

finite comet Sep 24, 2025, 6:26 AM

#

frigid moat ```css /* Duplicate this part per user. v ID HERE ...

HECK YEAH!!

this would be awesome to add to the snippit too but maybe with the blur set to 0px and add a comment pointing out thats where to change the blur

frigid moat Sep 24, 2025, 6:27 AM

#

tho i have to- mention blur is quite expensive to have on that big of an element

#

so only use when specifically required, il have it commented out by default

finite comet Sep 24, 2025, 6:28 AM

#

sounds good :3

frigid moat Sep 24, 2025, 6:28 AM

#

autumn hull would it be posable to make this work for servers too

mmm.. how would it act? per channel or per server?

finite comet Sep 24, 2025, 6:28 AM

#

you could maybe add both? have one of the two commented out

autumn hull Sep 24, 2025, 6:28 AM

#

i was thinking per server but id imagine some might want per channel controll

finite comet Sep 24, 2025, 6:28 AM

#

im sure ppl would want both options available to them

frigid moat Sep 24, 2025, 6:28 AM

#

hmmm.. il see if that's possible

#

thank you guys for your feedback

finite comet Sep 24, 2025, 6:30 AM

#

HEPL DISCORD JUST HIT ME WITH A NOTIFICATION BOMB OUT OF NOWHERE

IT RANDOMLY PLAYED A STUPIDLY LOUD NOTIFICATION SOUND

i think maybe being on canary isnt. such a good idea LOL

i think the audio got stuck and like 20 ping sounds played at the exact same time

finite comet Sep 24, 2025, 6:31 AM

#

frigid moat thank you guys for your feedback

mhm! no problem :D

wind light Sep 24, 2025, 6:31 AM

#

Didn't I do this lol

autumn hull Sep 24, 2025, 6:31 AM

#

yep i dont currently have a need for this feature but i will at somepoint

frigid moat Sep 24, 2025, 6:31 AM

#

wind light Didn't I do this lol

hmm... i rember searching for it here and finding nothing

#

you can link it if you can find it

#

maybe il remove this one in favor of yours

wind light Sep 24, 2025, 6:32 AM

#

frigid moat hmm... i rember searching for it here and finding nothing

#🎨-css-snippets message

frigid moat Sep 24, 2025, 6:32 AM

#

oo

#

different wording

frigid moat Sep 24, 2025, 6:34 AM

#

wind light https://discord.com/channels/1015060230222131221/1028106818368589824/13679166304...

lovely commit names

finite comet Sep 24, 2025, 6:34 AM

#

wind light https://discord.com/channels/1015060230222131221/1028106818368589824/13679166304...

this one also has custom images you can set and lets you have a little more control :3

#

err. not the one you sent but the one for this thread

frigid moat Sep 24, 2025, 6:35 AM

#

im going to keep this snippet up as it serves a different purpose

#

but il link to yours

wind light Sep 24, 2025, 6:35 AM

#

finite comet err. not the one you sent but the one for this thread

Guess what, mine does the exact same

#

adds support for custom nitro themes per-DM

frigid moat Sep 24, 2025, 6:36 AM

#

hmmm

#

jeez- you also have a lot of variables

finite comet Sep 24, 2025, 6:37 AM

#

https://m.patchokki.art/m/F2u.png

#

WOAH

frigid moat Sep 24, 2025, 6:41 AM

#

i did a thing

#

@wind light is that sufficient? love

wind light Sep 24, 2025, 6:43 AM

#

frigid moat jeez- you also have a [lot of variables](<https://github.com/Blade04208/css/blob...

Just copying the DM wallpaper's defaults

wind light Sep 24, 2025, 6:43 AM

#

frigid moat <@1124341362955919371> is that sufficient? <:love:1384660104699445410>

Uh sure

frigid moat Sep 24, 2025, 6:43 AM

#

love

#

https://cdn.discordapp.com/attachments/1178833707495346278/1280668474611601469/attachment-2.gif

#

@finite comet meow meow meow meow

#

sorry.. uhh

#

see the updated snippet

#

mhmm

finite comet Sep 24, 2025, 6:53 AM

#

🫡

#

THANK YOU SO MUCHHH

frigid moat Sep 24, 2025, 7:01 AM

#

meow:3

finite comet Sep 24, 2025, 7:02 AM

#

ok one last thing, with the seamless chatbar snippet the little typing indicator that appears on top of the chatbar doesnt match the colour & transparency for the chat bar set in your snippet, is there anything that could be added that might fix this?

heres the link

#

https://nspc911.github.io/themes/vencord/RefreshedSeamlessChatBar.theme.css

#

i think this is the right thing

frigid moat Sep 24, 2025, 7:02 AM

#

mmm

finite comet Sep 24, 2025, 7:02 AM

#

this thaang

frigid moat Sep 24, 2025, 7:02 AM

#

I'll be able to figure something out tomorrow probably

finite comet Sep 24, 2025, 7:02 AM

#

https://m.patchokki.art/m/hZ4.png

finite comet Sep 24, 2025, 7:02 AM

#

frigid moat I'll be able to figure something out tomorrow probably

sounds good!! TYSM BTWW

frigid moat Sep 24, 2025, 7:03 AM

#

sorry it's 2 am :3

#

time for zoomies

finite comet Sep 24, 2025, 7:03 AM

#

HEPL IT IS FOR ME TOO I DIDNT EVENM NOTICE OOPS

frigid moat Sep 24, 2025, 7:03 AM

#

I mean.. sleeping

#

that's what people do

finite comet Sep 24, 2025, 7:03 AM

#

so real..

frigid moat Sep 24, 2025, 7:03 AM

#

finite comet HEPL IT IS FOR ME TOO I DIDNT EVENM NOTICE OOPS

night night

#

venniecozycat

#

or zoom zoom.. maybe

finite comet Sep 24, 2025, 7:03 AM

#

nini!! have an awesome sleep :3

#

dream of having rlly yummy foojd

frigid moat Sep 24, 2025, 7:04 AM

#

mmm... tuna

frigid moat Sep 25, 2025, 1:33 AM

#

oh yes

#

i membered

#

m

finite comet Sep 25, 2025, 1:35 AM

#

heh

frigid moat Sep 25, 2025, 1:35 AM

#

woah

#

summoned creature

finite comet Sep 25, 2025, 1:35 AM

#

i have arrived

frigid moat Sep 25, 2025, 1:36 AM

#

i was here to fix your earlier issue with the snippet not working- correctly

finite comet Sep 25, 2025, 1:36 AM

#

stares

frigid moat Sep 25, 2025, 1:37 AM

#

meow :3

#

hmmm :3c i could probably make more options

#

ehh later

frigid moat Sep 25, 2025, 2:02 AM

#

    /*Uncomment to specify custom textbar colors.*/
    .channelBottomBarArea_f75fb0 { .channelTextArea_f75fb0, .channelTextArea_f75fb0 > div, &~.typing_b88801 > div 
    { background: #ff0000; }}

#

@finite comet

#

bad css for you :3

#

free of charge

frigid moat Sep 25, 2025, 2:04 AM

#

finite comet https://nspc911.github.io/themes/vencord/RefreshedSeamlessChatBar.theme.css

for anybody concerned, this is for use with this snippet

#

and the css is partially bad because- each individual element dont have their own color, resulting in- uhh transparency layered over itself

#

being more dark than expected and stuff and incinsistent

finite comet Sep 25, 2025, 2:13 AM

#

TYSM

frigid moat Sep 25, 2025, 2:14 AM

#

meowmeow meow

finite comet Sep 25, 2025, 2:17 AM

#

another thing i kinda wanted but was unsure of was the messages going underneath the chat bar

though since i have blur for the bg it might look weird to not have the chat bar look blurred too but im not sure 🤔
https://m.patchokki.art/m/If0.gif

#

idk, up to you! :3

frigid moat Sep 25, 2025, 2:20 AM

#

finite comet another thing i kinda wanted but was unsure of was the messages going underneath...

boing boing boing boing

#

uhhhh-

finite comet Sep 25, 2025, 2:21 AM

#

boing boing boing boing boing smspin

frigid moat Sep 25, 2025, 2:21 AM

#

im not sure

#

what you mean

finite comet Sep 25, 2025, 2:22 AM

#

tldr;

make messages show underneath the chat bar when scrolling thru messages (?)

maybe with a seperate blur thaang for its own backdrop to blur the messages scrolled under it
(which i know causes performance issues though i dont mind)

frigid moat Sep 25, 2025, 2:23 AM

#

oh- actually uh

#

not sure- if that's a good idea

finite comet Sep 25, 2025, 2:23 AM

#

i figured ya

itd probably complicated to do n stuff and also possibly cause performance issues fartball

#

just wanted to throw the idea out there

frigid moat Sep 25, 2025, 2:24 AM

#

well- it would probably be possible

#

idk il see about it

#

thank you for the suggestiojn

#

🐈

finite comet Sep 25, 2025, 2:24 AM

#

mhm! :3

frigid moat Sep 25, 2025, 2:25 AM

#

mrauuu :3

frigid moat Sep 25, 2025, 6:29 PM

#

@finite comet guess what

#

finite comet Sep 25, 2025, 6:30 PM

#

OMGG

#

LETSGOOOO

frigid moat Sep 25, 2025, 6:30 PM

#

[class^="messagesWrapper__"] {
  position: static;
  [class^="scrollerSpacer__"] {height: 75px}
  &+form [class^="channelTextArea_"] {
    backdrop-filter: blur(2px);
  }
}

#

i didnt test this with anyting other than my theme

#

so lmk if it doesnt work

#

@finite comet

[class^="messagesWrapper__"] {
  position: static;
  [class^="scrollerSpacer__"] {height: 95px}
  &+form [class^="channelTextArea_"] {
    backdrop-filter: blur(4px);
    background: transparent;
    [class*="themedBackground__"] {
        background: #0004;
    }
  }
}

fixed

#

if the above one didnt work

finite comet Sep 25, 2025, 6:45 PM

#

heh

#

is there padding you can add so that the most recent message isnt always under the chatbar?

#

https://m.patchokki.art/m/RlN.png

frigid moat Sep 25, 2025, 6:48 PM

#

mmm

#

did you increase it to 95px?

#

the scrolling spacer is the padding

finite comet Sep 25, 2025, 6:48 PM

#

https://m.patchokki.art/m/d3m.png

#

HEPL LOL

frigid moat Sep 25, 2025, 6:49 PM

#

oh :3

finite comet Sep 25, 2025, 6:49 PM

#

doesnt seem to be doing anything

frigid moat Sep 25, 2025, 6:49 PM

#

what?

#

MenheraConfused1

#

oh- your

#

can you send a picture of your messagebar and user area?

finite comet Sep 25, 2025, 6:49 PM

#

i changed the scroller spacer to 500px and it didnt do anything either

frigid moat Sep 25, 2025, 6:49 PM

#

i bet you dont have inline chatbar

#

its an experiment they're gradually rolling out to everyone

finite comet Sep 25, 2025, 6:50 PM

#

https://m.patchokki.art/m/Ts7.png

frigid moat Sep 25, 2025, 6:50 PM

#

whattt

#

MenheraConfused1

finite comet Sep 25, 2025, 6:50 PM

#

i also just removed the snippet temporarily

#

hehe

#

so i could see your messages, but thats what they look like

frigid moat Sep 25, 2025, 6:50 PM

#

thats fine

finite comet Sep 25, 2025, 6:51 PM

#

it might have something to do with the seamless chatbar snippet

#

https://nspc911.github.io/themes/vencord/RefreshedSeamlessChatBar.theme.css

frigid moat Sep 25, 2025, 6:51 PM

#

il see this in a sec

finite comet Sep 25, 2025, 6:52 PM

#

ok yeah it works without the seamless chatbar thaang

frigid moat Sep 25, 2025, 6:52 PM

#

oh

finite comet Sep 25, 2025, 6:53 PM

#

i wonder if its overriding any spacing

frigid moat Sep 25, 2025, 6:53 PM

#

try setting the thing to important

#

idk

#

brb

finite comet Sep 25, 2025, 6:54 PM

#

frigid moat try setting the thing to important

worked!

#

ok so i noticed while typing the chat bar gets taller which covers up the messages, i wonder if theres a way to push chat up with css when this is happening 🤔

frigid moat Sep 25, 2025, 7:21 PM

#

finite comet ok so i noticed while typing the chat bar gets taller which covers up the messag...

ah yeah il fix that in a sec

finite comet Sep 25, 2025, 7:21 PM

#

hyper

frigid moat Sep 25, 2025, 8:18 PM

#

finite comet <a:hyper:1321885486679326720>

new css snippet incoming, upside down messagebar

wind light Sep 25, 2025, 8:18 PM

#

frigid moat new css snippet incoming, upside down messagebar

what the hell

frigid moat Sep 25, 2025, 8:18 PM

#

for emotional reasons thats a joke

frigid moat Sep 25, 2025, 8:19 PM

#

wind light what the hell

also hey rabbit :3

#

(disabler)

#

what do you go by? for short

wind light Sep 25, 2025, 8:20 PM

#

frigid moat what do you go by? for short

blade

frigid moat Sep 25, 2025, 8:20 PM

#

alright

finite comet Sep 25, 2025, 8:46 PM

#

frigid moat new css snippet incoming, upside down messagebar

HELP

frigid moat Sep 25, 2025, 8:46 PM

#

😭

#

i could do that you know

#

dont test me uwu

finite comet Sep 25, 2025, 8:47 PM

#

upside down discord

all elements flipped upside down and messages are in reverse order (you scroll down to view old messages and new ones are at the top)

#

thatd be CRAZY

frigid moat Sep 25, 2025, 8:47 PM

#

i really could do that

finite comet Sep 25, 2025, 8:48 PM

#

its not worth it </3

frigid moat Sep 25, 2025, 8:48 PM

#

well.. in a way that is actually usable to someone who's used to it

#

if you just want upside down discord i can give you that in a heartbeat

#

oh im dumb

#

its not a filter its a transformation

#

html {transform: rotate(180deg); }```

finite comet Sep 25, 2025, 8:51 PM

#

LOL

frigid moat Sep 25, 2025, 8:51 PM

#

im great arent i

finite comet Sep 25, 2025, 8:54 PM

#

1r_sillythumbsup

frigid moat Sep 25, 2025, 8:55 PM

#

@finite comet try this

form[class*="formWithLoadedChatInput_f75fb0"]
{ margin-top: -136px; }

div[class^="channelTextArea_"] {
  backdrop-filter: blur(20px); /* Configure blur amount here */
}

ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after {
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

finite comet Sep 25, 2025, 8:58 PM

#

does this replace the previous chat bar snippet?

frigid moat Sep 25, 2025, 8:58 PM

#

yah

#

i rewrote it entirely

#

https://cdn.discordapp.com/attachments/1015060231060983891/1321797114824495114/image0.gif

finite comet Sep 25, 2025, 8:59 PM

#

ok it doesnt seem to scroll under anymore

#

https://m.patchokki.art/m/CqD.png

#

https://m.patchokki.art/m/yT5.png

frigid moat Sep 25, 2025, 9:00 PM

#

saata andagii

#

also i forgot non-themed support

#

im about to splode

finite comet Sep 25, 2025, 9:00 PM

#

explosion

frigid moat Sep 25, 2025, 9:00 PM

#

finite comet ok it doesnt seem to scroll under anymore

the issue is with the fact its not matching to the-

#

chatbar

#

for some reason

#

here.. could you try this one

#

.formWithLoadedChatInput_f75fb0 
{ margin-top: -120px; }

.channelTextArea_f75fb0
{ backdrop-filter: blur(20px); }

.scrollerInner__36d07::after {
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

finite comet Sep 25, 2025, 9:02 PM

#

noperino

#

:<

frigid moat Sep 25, 2025, 9:02 PM

#

wah!!

#

mm

#

send

#

screenshot

finite comet Sep 25, 2025, 9:03 PM

#

looks the exact same as before in the previous ones

#

no change

#

:(

frigid moat Sep 25, 2025, 9:03 PM

#

mmm

#

ok

finite comet Sep 25, 2025, 9:03 PM

#

it does push up the chat but. it doesnt scroll under

#

and theres a big gap

frigid moat Sep 25, 2025, 9:03 PM

#

oh- its not supposed to push the bar that much either

#

yeah

#

its supposed to look totally normal and also have the support for

#

ahh damn it it was local

#

hold on

#

it was working because i prototyped something

#

and- it doesnt reallly

#

.. i know why 😭

#

form[class*="formWithLoadedChatInput_f75fb0"]
{ margin-top: -136px !important;}

div[class^="channelTextArea_"] {
  backdrop-filter: blur(20px); /* Configure blur amount here */
}

ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after {
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

finite comet Sep 25, 2025, 9:06 PM

#

f
F

#

IT WORKS

frigid moat Sep 25, 2025, 9:06 PM

#

catplush

finite comet Sep 25, 2025, 9:09 PM

#

entire snippet so far:

/* Custom dm/gc backgrounds (per person) */ /* make sure chat has avatar wrapper to exclude server chats*/
div[class^="chat_"]:has([class^="children_"] > div > div[class^="wrapper__"]) {
    /* Uncomment this if you *do not* a theme if you want to be fully consistent with normal discord*/
    /* background: var(--background-gradient-chat,var(--background-base-lower));*/
    /* Try commenting this out if you have a theme*/
    [class^="subtitleContainer_"] > [class^="title_"], main[class^="chatContent_"], [class^="subtitleContainer_"]  [class^="children__"]::after
    {background: transparent !important;}

    background-size: cover ! important;
    background-position: center ! important;

    /*Uncomment to specify custom textbar colors.*/
    /*.channelBottomBarArea_f75fb0 { .channelTextArea_f75fb0, .channelTextArea_f75fb0 > div, &~.typing_b88801 > div 
    { background: #00000028; }}*/

    /*           Duplicate this part per user.                 v ID HERE                                 v URL HERE                                                         TINT HERE IF YOU WANT IT v                                v blur, use with caution of lag*/
    &:has([class^="children__"] [class^="avatar__"][src*="1177484931623026769"]) {background: url("https://cdn.discordapp.com/emojis/1276953704494268510.webp"); &::before {background: rgba(0, 0, 0, 0.527);  /*backdrop-filter: blur(2px);*/}}

    /* Tint*/
    position: relative;
    &::before {
        content: "";
        position: absolute;
        inset: 0;
    }
}

/* Chatbar scroll-under and blur */
form[class*="formWithLoadedChatInput_f75fb0"]
{ margin-top: -136px !important;}

/* Uncomment to configure blur amount here (can cause lag) */
/*div[class^="channelTextArea_"] {
  backdrop-filter: blur(20px); 
}*/

ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after {
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

#

schwazam!!

frigid moat Sep 25, 2025, 9:17 PM

#

finite comet entire snippet so far: ```css /* Custom dm/gc backgrounds (per person) */ /* ma...

i was gonna warn you that that's probably an id you didnt mean to reveal but its mine XD

#

yeah you shouldnt reveal my id uwu

#

its private info

finite comet Sep 25, 2025, 9:17 PM

#

yea LOL i switched it out, same with the image

leaden silo Sep 25, 2025, 11:51 PM

#

not sure what's happening, but after changing the background 2 times it's stopped working entirely with all file urls

#

jpeg, png, those dont work anymore, user id doesnt do anything either

#

I deleted everything and pasted it back in quick CSS, won't work still

finite comet Sep 25, 2025, 11:52 PM

#

did u check if the url is blocked that u used

#

on this page

#

https://m.patchokki.art/m/DFq.png

leaden silo Sep 25, 2025, 11:53 PM

#

maybe that's the issue

finite comet Sep 25, 2025, 11:53 PM

#

that was the issue for me

#

ALSO MURDER DRONES PFP SPOTTED

leaden silo Sep 25, 2025, 11:53 PM

#

N_Salute

#

Im assuming it's not working because im using urls from online lmao

finite comet Sep 25, 2025, 11:54 PM

#

leaden silo Sep 25, 2025, 11:54 PM

#

Because I wanted a murder drones background but like, 3 of them won't work

finite comet Sep 25, 2025, 11:54 PM

#

leaden silo Im assuming it's not working because im using urls from online lmao

i had to go to themes in settings and allow the url after i added it to css

leaden silo Sep 25, 2025, 11:54 PM

#

ohh that makes more sense

#

thank you

finite comet Sep 25, 2025, 11:54 PM

#

np!

leaden silo Sep 25, 2025, 11:54 PM

#

happy_jack

finite comet Sep 25, 2025, 11:55 PM

#

BEASTARS

leaden silo Sep 25, 2025, 11:56 PM

#

Legoshi_Dance

#

i also got it working finally

#

this is my first time using vencord so i didnt have any idea the urls would be blocked

finite comet Sep 25, 2025, 11:57 PM

#

i didnt know either and ive used vencord for a long time LOL

#

someone else helped me

leaden silo Sep 25, 2025, 11:57 PM

#

ohh lmao 😭

#

we were in the same boat lol

finite comet Sep 25, 2025, 11:57 PM

#

fr 😭

leaden silo Sep 25, 2025, 11:57 PM

#

but thank you 🫡

finite comet Sep 25, 2025, 11:57 PM

#

np!! :3

frigid moat Sep 26, 2025, 12:20 AM

#

glad you guys got it resolved :3

frigid moat Sep 26, 2025, 3:16 AM

#

frigid moat new css snippet incoming, upside down messagebar

i have bad news for everyone's mental health, everyone on the planet

#

it is done

#

and it cannot be undone

#

@wind light @finite comet

#

you get to see this too, why not @foggy prism

finite comet Sep 26, 2025, 3:17 AM

#

HORROR

frigid moat Sep 26, 2025, 3:18 AM

#

finite comet HORROR

im tempted to make this half decent, and share it

leaden silo Sep 26, 2025, 3:19 AM

#

frigid moat i have bad news for everyone's mental health, everyone on the planet

Jack_Sob

#

you should share it lowkey

frigid moat Sep 26, 2025, 3:23 AM

#

leaden silo you should share it lowkey

holding this as a threat now

leaden silo Sep 26, 2025, 3:24 AM

#

deviousl

frigid moat Sep 26, 2025, 4:08 AM

#

frigid moat im tempted to make this half decent, and share it

im sorry everyone

foggy prism Sep 26, 2025, 6:32 AM

#

frigid moat im sorry everyone

what's wrong with the button on the far right

wind light Sep 26, 2025, 6:37 AM

#

frigid moat im sorry everyone

Now this is a CSS crime

frigid moat Sep 26, 2025, 6:39 AM

#

foggy prism what's wrong with the button on the far right

one of my private broken snippets, might fix and send again later

frigid moat Sep 26, 2025, 6:45 AM

#

wind light Now this is a CSS crime

I'm spending more and more of my time making it better, tomorrow, the day of reckoning will be upon css snippets

finite comet Sep 26, 2025, 10:41 PM

#

i now kinda want the server version of the snippet LOL

maybe you could add a bit that lets you also add servers to it

servers and channels

#

so instead of just copy pasting a bit for user ids

you could un comment and copy paste a server or channel id

frigid moat Sep 27, 2025, 12:46 AM

#

finite comet so instead of just copy pasting a bit for user ids you could un comment and cop...

hmmm im taking this as "add server support"

#

this will be possible i think

finite comet Sep 27, 2025, 12:50 AM

#

plead

frigid moat Sep 27, 2025, 1:37 AM

#

okay il start work

finite comet Sep 27, 2025, 1:54 AM

#

YAY

frigid moat Sep 27, 2025, 2:30 AM

#

finite comet YAY

#

perfect

#

is this sufficient?

finite comet Sep 27, 2025, 2:31 AM

#

hmmm

frigid moat Sep 27, 2025, 2:31 AM

#

nevermind i made it even better

finite comet Sep 27, 2025, 2:31 AM

#

the members list is a bit funky

#

:O

frigid moat Sep 27, 2025, 2:32 AM

#

jumpscar

frigid moat Sep 27, 2025, 2:32 AM

#

finite comet the members list is a bit funky

allow me

finite comet Sep 27, 2025, 2:33 AM

#

OOH another thing for the whole snippet is to invert the colours of the icons on the top bar and the chat bar incase ppl have a bright background like yours

frigid moat Sep 27, 2025, 2:34 AM

#

finite comet OOH another thing for the whole snippet is to invert the colours of the icons on...

thats why the tint is there

finite comet Sep 27, 2025, 2:34 AM

#

hmm... u right

frigid moat Sep 27, 2025, 2:36 AM

#

mm.. its only kind of working

#

tint and blur has no effect

finite comet Sep 27, 2025, 2:36 AM

#

🤔

frigid moat Sep 27, 2025, 2:45 AM

#

tint works now

#

but blur doesnt

#

oh nvm

#

@finite comet

📎 meow.css

finite comet Sep 27, 2025, 2:50 AM

#

TYY

frigid moat Sep 27, 2025, 2:50 AM

#

venniecozycat

#

i can- probably do member list and per channel backgrounds later

#

if you need more

finite comet Sep 27, 2025, 2:53 AM

#

had to copy paste this line:

/*Uncomment to specify custom textbar colors.*/
.channelBottomBarArea_f75fb0 { .channelTextArea_f75fb0, .channelTextArea_f75fb0 > div, &~.typing_b88801 > div 
{ background: #00000028; }}

over the custom textbar colours to bring the blur back

frigid moat Sep 27, 2025, 2:53 AM

#

yeah

#

https://cdn.discordapp.com/attachments/1098067376991391926/1105476257816264756/1105218119947010058_1.gif

finite comet Sep 27, 2025, 2:54 AM

#

meow

frigid moat Sep 27, 2025, 2:54 AM

#

meow meow meow meow meow meow

#

mrrp

#

pur

finite comet Sep 27, 2025, 2:54 AM

#

M

#

meow

finite comet Sep 27, 2025, 3:00 AM

#

frigid moat <@411305656231133194>

ok this doesnt seem to work with dms now ;-;

frigid moat Sep 27, 2025, 3:01 AM

#

mm

#

allow me

finite comet Sep 27, 2025, 3:02 AM

#

also heres the scroll under chatbar bit u might wanna add and allow to be uncommented

/* scroll under chatbar */
form[class*="formWithLoadedChatInput_f75fb0"]
{ margin-top: -136px !important;}

div[class^="channelTextArea_"] {
  backdrop-filter: blur(20px); /* Configure blur amount here */
}

ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after {
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

frigid moat Sep 27, 2025, 3:06 AM

#

oh i did a stupid

#

📎 undo_cat_stupid.css

finite comet Sep 27, 2025, 3:07 AM

#

also i feel like this bit for the textbar is better cus i think it fixes the emoji issue n stuff

    /*Uncomment to specify custom textbar color.*/
    .channelBottomBarArea_f75fb0 { .channelTextArea_f75fb0, .channelTextArea_f75fb0 > div, &~.typing_b88801 > div 
    { background: #00000028; }}

frigid moat Sep 27, 2025, 3:07 AM

#

oh yes

frigid moat Sep 27, 2025, 3:08 AM

#

finite comet M

for some reason i thought it would have more issues

#

im not certain why

finite comet Sep 27, 2025, 3:08 AM

#

also getting this for server chats

#

https://m.patchokki.art/m/Ip2.png

#

with the snippet i use

frigid moat Sep 27, 2025, 3:09 AM

#

hmmm

#

weird

#

hold on

#

can you type for a sec

#

i need the element

finite comet Sep 27, 2025, 3:09 AM

#

meowww

#

meowwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

frigid moat Sep 27, 2025, 3:10 AM

#

hmm

#

could you

#

could you

#

send me the snippet you use again

finite comet Sep 27, 2025, 3:10 AM

#

https://nspc911.github.io/themes/vencord/RefreshedSeamlessChatBar.theme.css

frigid moat Sep 27, 2025, 3:11 AM

#

oh i think i know why this issue exists

#

wait nope

#

no idea

#

lets see again

#

begin yapping

finite comet Sep 27, 2025, 3:12 AM

#

YAP MODE ON!!!! IM SO YAP CORE!!!! IM YAP MODING!!! OH YEAH!!!!! DO YAPCORE!!

#

WEEE WOO WEEE YAYYY YUHHHHHH YUHHHH WEHEEE

#

MEOWGOOGAGAAA MEWHOOO

#

tell me when i can stop btw whenever u can :3

frigid moat Sep 27, 2025, 3:14 AM

#

thank you

finite comet Sep 27, 2025, 3:15 AM

#

ya :3

frigid moat Sep 27, 2025, 3:15 AM

#

also you didnt have to yap for so long

finite comet Sep 27, 2025, 3:15 AM

#

oh LOL

frigid moat Sep 27, 2025, 3:15 AM

#

for some reason the idiots wrapped it in a div

#

i fixed it

finite comet Sep 27, 2025, 3:15 AM

#

</3

frigid moat Sep 27, 2025, 3:15 AM

#

    div:has(> .channelBottomBarArea_f75fb0) { .channelTextArea_f75fb0, .channelTextArea_f75fb0 > div, &~.typing_b88801 > div 
    { background: #00000054; }}

finite comet Sep 27, 2025, 3:16 AM

#

YAY

frigid moat Sep 27, 2025, 3:19 AM

#

📎 fully_unstinkified_snippet.css

finite comet Sep 27, 2025, 3:20 AM

#

to get dms to work i found i had to move the dms section down to the server section

frigid moat Sep 27, 2025, 3:20 AM

#

finite comet to get dms to work i found i had to move the dms section down to the server sect...

? that makes no sense

finite comet Sep 27, 2025, 3:20 AM

#

then the chatbar tint only works in servers now

frigid moat Sep 27, 2025, 3:20 AM

#

sorry give me a second.

finite comet Sep 27, 2025, 3:20 AM

#

https://m.patchokki.art/m/Byh.png

frigid moat Sep 27, 2025, 3:21 AM

#

yeah that officially makes no sense

finite comet Sep 27, 2025, 3:21 AM

#

and if you move the server section to go above the tint section it stops working too

frigid moat Sep 27, 2025, 3:21 AM

#

are you sure you're using the most up to date snippet?

finite comet Sep 27, 2025, 3:22 AM

#

ok hold on

frigid moat Sep 27, 2025, 3:22 AM

#

there's no issues on my end at all

frigid moat Sep 27, 2025, 3:24 AM

#

finite comet https://m.patchokki.art/m/Byh.png

yeah you're on an old version

finite comet Sep 27, 2025, 3:24 AM

#

OK IT ALL WORKS NOW.

frigid moat Sep 27, 2025, 3:24 AM

#

meow meow meow meow meow meow meow meow meow meow meow meow meow meow meow

#

cats at you

finite comet Sep 27, 2025, 3:24 AM

#

thank you so much EEEE

#

this snippet is awesome

frigid moat Sep 27, 2025, 3:25 AM

#

im awesome*

#

thank you

finite comet Sep 27, 2025, 3:27 AM

#

OH YEAH ONE LAAAST THING!! ok so the scroll bar with the scroll under chatbar snippet bit is kinda smushed against the chat bar, is there a way to thin the scroll bar a little?

#

https://m.patchokki.art/m/mE5.png

frigid moat Sep 27, 2025, 3:27 AM

#

mmm

#

meow

#

bites the scroll bar

#

hmm

#

i could move the whole chatbar over a bit

#

oh- i lied

#

im a liar

#

there's issues

finite comet Sep 27, 2025, 3:29 AM

#

maybe adding slight padding to the chatbar on one side or something idk LOL or make the scrollbar dissapear or shrink or something idk </3

frigid moat Sep 27, 2025, 3:29 AM

#

if you scroll up it kind of

#

not- good

#

it looks very bad

#

fear not

#

📎 fully_unstinkified.css

#

this has turned into a small theme

finite comet Sep 27, 2025, 3:34 AM

#

LOL

#

hold on lemme do smth then ill test this

finite comet Sep 27, 2025, 4:04 AM

#

didnt seem to change anything for me

#

fartball

#

https://m.patchokki.art/m/CYj.png

#

WAIT can you take the scrollbar element and make it so that its above the chatbar. so like it shrinks when the chatbar increases in size when typing lots of stuff

frigid moat Sep 27, 2025, 4:19 AM

#

hm unfortunately the scroller is the same element that stores all of the content

frigid moat Sep 27, 2025, 4:19 AM

#

finite comet didnt seem to change anything for me

hhh

#

the snippet adjusts the

finite comet Sep 27, 2025, 4:19 AM

#

frigid moat hm unfortunately the scroller is the same element that stores all of the content

THATS SO STUPIDDDD

frigid moat Sep 27, 2025, 4:19 AM

#

this thing

#

do you have 2 wrappers at the end

frigid moat Sep 27, 2025, 4:19 AM

#

finite comet THATS SO STUPIDDDD

yeah thats how scrollers work unfortunately

finite comet Sep 27, 2025, 4:20 AM

#

frigid moat do you have 2 wrappers at the end

yes

frigid moat Sep 27, 2025, 4:20 AM

#

then it was supposed to work

finite comet Sep 27, 2025, 4:20 AM

#

🤔

finite comet Sep 27, 2025, 4:21 AM

#

finite comet 🤔

ohp

#

https://m.patchokki.art/m/jPl.png

#

squash one bug another one comes up </3

#

the replies r broken again too GRAHH

frigid moat Sep 27, 2025, 4:21 AM

#

oh yeah i was actually just fixing that

#

im about to publish that as its own snippet

finite comet Sep 27, 2025, 4:21 AM

#

they were fixed waay back when you made the blurred chatbar and reply thing

#

ooohhh i see

frigid moat Sep 27, 2025, 4:21 AM

#

also i bet you didnt notice the fact that when you scroll up too much the return bar was under the message bar

finite comet Sep 27, 2025, 4:22 AM

#

HEPL YOURE RIGHJT

#

https://m.patchokki.art/m/zg7.png

frigid moat Sep 27, 2025, 4:22 AM

#

mhm

#

fear further

#

im not doing anything actually

finite comet Sep 27, 2025, 4:23 AM

#

I WISH I COULD CODE CUS ID DO ALL THIS MYSELF SO U DONT HAVE TO

frigid moat Sep 27, 2025, 4:23 AM

#

its ok once im done with this last thing there shouldnt be much more problems

finite comet Sep 27, 2025, 4:23 AM

#

id prolly also have this thaang be affected too and blurred like my chatbar

but honestly that might be good for a seperate snippet LOL

frigid moat Sep 27, 2025, 4:23 AM

#

i hope..

finite comet Sep 27, 2025, 4:23 AM

#

https://m.patchokki.art/m/x8E.png

#

YASS

#

THANK U SO MUCH FOR ALL OF THIS YOU ARE AWESOME

frigid moat Sep 27, 2025, 4:24 AM

#

finite comet id prolly also have this thaang be affected too and blurred like my chatbar but...

thats funny actually- i already have a thing for that

finite comet Sep 27, 2025, 4:24 AM

#

:OO

#

OH RIGHT

frigid moat Sep 27, 2025, 4:24 AM

#

but uh

finite comet Sep 27, 2025, 4:24 AM

#

also the emoji autocomplete is compltely transparent rn too

#

https://m.patchokki.art/m/zYb.png

frigid moat Sep 27, 2025, 4:26 AM

#

frigid moat but uh

you're not allowed to have it actually...
-# .popover_f84418 {background: 0 0; backdrop-filter: blur(10px);}

frigid moat Sep 27, 2025, 4:26 AM

#

finite comet https://m.patchokki.art/m/zYb.png

oh this must be because it has a blur effect

#

there's a long standing issue in chromium where if a parent element has backdrop blur all child elements will explode

#

il.. try to fix it

#

one thing at a time though

finite comet Sep 27, 2025, 4:27 AM

#

sounds good :3

frigid moat Sep 27, 2025, 4:29 AM

#

ven should actually commit ||look into what's causing this||

finite comet Sep 27, 2025, 4:30 AM

#

HELP 71 PERCENT CPU

frigid moat Sep 27, 2025, 4:31 AM

#

i dont even have a bad processor

#

ryzen 5 5500

#

pretty sure its quarter 3 2022

#

yeah

finite comet Sep 27, 2025, 4:32 AM

#

https://m.patchokki.art/m/Rx2.png

frigid moat Sep 27, 2025, 4:32 AM

#

quarter 2 actually

finite comet Sep 27, 2025, 4:32 AM

#

🤔

frigid moat Sep 27, 2025, 4:32 AM

#

finite comet https://m.patchokki.art/m/Rx2.png

yeah-

#

waterfox?

#

im not gonna judge you

finite comet Sep 27, 2025, 4:32 AM

#

i have an intel core i9 9900k from like. 2019

finite comet Sep 27, 2025, 4:33 AM

#

frigid moat im not gonna judge you

i switched away from firefox cus im starting to like what theyre doing less

also apparently its just now getting more updates and the owner bought it back from. whatever company bought it idk

works well enough for me :3

frigid moat Sep 27, 2025, 4:33 AM

#

i personally use thorium

finite comet Sep 27, 2025, 4:33 AM

#

i see...

#

https://m.patchokki.art/m/Vhc.png

#

bazinga

frigid moat Sep 27, 2025, 4:33 AM

#

dont switch there's a vulnerability

finite comet Sep 27, 2025, 4:33 AM

#

AHH

#

yea i just dont like anyhting based off chromium anymore

#

i gradually switched off

#

i went from chrome to opera gx to firefox to (recently) waterfox

frigid moat Sep 27, 2025, 4:34 AM

#

firefox runs like crap and im tired of pretending it doesnt

finite comet Sep 27, 2025, 4:35 AM

#

for me waterfox ran WAYYYY faster than normal firefox which is halarious to me LMAO

frigid moat Sep 27, 2025, 4:35 AM

#

thats quite ironic

finite comet Sep 27, 2025, 4:35 AM

#

i also have a LOT of user.js changes n stuff

finite comet Sep 27, 2025, 4:35 AM

#

frigid moat thats quite ironic

FR

#

i also have tampermonkey scripts to make youtube. run less awful LOL

#

and i think use less memory? unsure

frigid moat Sep 27, 2025, 4:35 AM

#

didnt know those were a thing

finite comet Sep 27, 2025, 4:35 AM

#

ya :3

frigid moat Sep 27, 2025, 4:36 AM

#

oh yes what was it-

#

uh

#

insert issues with proton browsers

finite comet Sep 27, 2025, 4:36 AM

#

</3

frigid moat Sep 27, 2025, 4:36 AM

#

thats what firefoxes engine is called right

finite comet Sep 27, 2025, 4:36 AM

#

uhh i dont know lemme look

frigid moat Sep 27, 2025, 4:36 AM

#

lets pretend it is because im great and always right

#

https://cdn.discordapp.com/attachments/1015060231060983891/1321797114824495114/image0.gif

finite comet Sep 27, 2025, 4:36 AM

#

it says its called quantum?

#

orr gecko

frigid moat Sep 27, 2025, 4:37 AM

#

yeah that's what i said actually

#

i said both of those

finite comet Sep 27, 2025, 4:37 AM

#

🫡

frigid moat Sep 27, 2025, 4:37 AM

#

mhm

#

#

at least this is fixed

#

not for you though

#

and- as a result not for me nessesarily

#

you should type

#

for like 3 seconds

finite comet Sep 27, 2025, 4:38 AM

#

babababababababababababababababababababababababababa

frigid moat Sep 27, 2025, 4:38 AM

#

bweh

#

again

#

actually nvm

finite comet Sep 27, 2025, 4:39 AM

#

fdfdgfdfgfgddfggdfgdfgdfgdfdfgdfgdfdfgffddfdgfgdfgdfdgfgdfgdfdgfdfgdgfgdfdfggdfgfddgfgdfgdfgfdgfddfgdfgdfg

frigid moat Sep 27, 2025, 4:39 AM

#

it'd take more work

finite comet Sep 27, 2025, 4:39 AM

#

oh?

frigid moat Sep 27, 2025, 4:39 AM

#

sorry 😭

#

actually- not that

#

much

#

more work

finite comet Sep 27, 2025, 4:39 AM

#

what about it would?

frigid moat Sep 27, 2025, 4:39 AM

#

mm well

#

id have to give the typing indicator its own- uh

#

backdrop filter

#

well i guess you're accepting that risk

finite comet Sep 27, 2025, 4:40 AM

#

yeah sounds about right :( but im okay with that

#

i wish discord just had the seamless chatbar thing implemented by default cus it looks so much better

#

evil discord

frigid moat Sep 27, 2025, 4:42 AM

#

oh that looks- wonderful

finite comet Sep 27, 2025, 4:42 AM

#

fonkayy

frigid moat Sep 27, 2025, 4:43 AM

#

mm

#

well

#

i am unfortunately powerless against this

#

hope the seam in your seamless chatbar doesnt bother you that much

#

(irony)

finite comet Sep 27, 2025, 4:44 AM

#

LOL yeah it was there last ime but i dont mind much

#

i think the way they made it look seamless is cus it was an overlay atop the chat bar to make the border look seamless

frigid moat Sep 27, 2025, 4:44 AM

#

.typingDots_b88801,
div[class^="channelTextArea_"] {
  backdrop-filter: blur(20px); /* Configure blur amount here */
  background: #0004 !important;
  > * {background: 0 0 !important;}
}```

#

your special version

finite comet Sep 27, 2025, 4:44 AM

#

HOORAY!!!

#

type for a sec :3

frigid moat Sep 27, 2025, 4:45 AM

#

mewo emwoewmoewmew

#

mewo

#

meow

#

meow

#

meow

#

meow

finite comet Sep 27, 2025, 4:45 AM

#

WONDEROUS

#

https://m.patchokki.art/m/VOl.png

frigid moat Sep 27, 2025, 4:45 AM

#

meeeeoooowwwwwwwwwwwwwwwwwww

finite comet Sep 27, 2025, 4:45 AM

#

looks surprisingly seamless LOL

frigid moat Sep 27, 2025, 4:45 AM

#

hmm... im a cat i believe

finite comet Sep 27, 2025, 4:45 AM

#

mmyesss heh1

#

i think the only stuff left to do is:

scrollbar & little popups from commands and emoji suggestions

i suppose hehe

#

then after that im just gonna send the full amalgam of all the css you did all put together incase anyone wants to use it for whatever reason LOL(im a freak)

frigid moat Sep 27, 2025, 4:50 AM

#

i did a thing

finite comet Sep 27, 2025, 4:50 AM

#

YASSS

frigid moat Sep 27, 2025, 4:50 AM

#

the seam in my seamless typing indicator is getting annoying

finite comet Sep 27, 2025, 4:51 AM

#

oddly i dont really see it 🤔

#

i can juuuust barely see it, hmmm

#

https://m.patchokki.art/m/A5W.png

#

i wonder if itd be easier to just nuke the "seamless" part and just have the backdrop be transparent so the typing indicator just appears above the chatbar on its own

frigid moat Sep 27, 2025, 4:53 AM

#

finite comet i can juuuust barely see it, hmmm

scroll up

finite comet Sep 27, 2025, 4:53 AM

#

ahhh ok i see

#

https://m.patchokki.art/m/09F.png

#

the blurs arent connected at all

frigid moat Sep 27, 2025, 4:53 AM

#

not in the slightest

finite comet Sep 27, 2025, 4:54 AM

#

i understand now meow

#

battling the horrors with css </3

frigid moat Sep 27, 2025, 4:58 AM

#

this should be your final snippet, other than the special treatment for the- message bar breaking your emoji list thing which im working on trust me

form[class*="formWithLoadedChatInput_f75fb0"] /* Eat message area's space */
{ margin-top: -136px !important;}
div[class^="messagesWrapper__"] > div[class*="bottomBar__"] {bottom: 130px;} /* Fix new messages bar*/
.typingDots_b88801, /* The special treatment */
div[class^="messagesWrapper__"] > div[class*="bottomBar__"], /* New messages bar */
div[class^="channelTextArea_"] { /* actual text area */
  backdrop-filter: blur(20px); /* Configure blur amount here */
  background: #0004 !important;
}
div[class^="channelTextArea_"] > * {background: 0 0 !important;} /* Text area's internals */
ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after { /* Add spacer for the bottom*/
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

#

oh- yeah actually thats not your fault it is

#

#

issue i never did this before is this

finite comet Sep 27, 2025, 5:14 AM

#

hmm

finite comet Sep 27, 2025, 5:15 AM

#

frigid moat this should be *your* final snippet, other than the special treatment for the- m...

this doesnt seem to work 🤔

frigid moat Sep 27, 2025, 5:16 AM

#

wor?

#

thats weird

finite comet Sep 27, 2025, 5:20 AM

#

https://m.patchokki.art/m/3UN.png

frigid moat Sep 27, 2025, 5:20 AM

#

bweehh so sleepy

finite comet Sep 27, 2025, 5:21 AM

#

same guhh

frigid moat Sep 27, 2025, 5:21 AM

#

finite comet https://m.patchokki.art/m/3UN.png

mm

#

i have solution

finite comet Sep 27, 2025, 5:21 AM

#

https://m.patchokki.art/m/UjN.png

frigid moat Sep 27, 2025, 5:21 AM

#

temporary

#

il fix it tomorrow

#

allow me

finite comet Sep 27, 2025, 5:21 AM

#

oki!

frigid moat Sep 27, 2025, 5:22 AM

#

form[class*="formWithLoadedChatInput_f75fb0"] /* Eat message area's space */
{ margin-top: -136px !important;}
div[class^="messagesWrapper__"] > div[class*="bottomBar__"] {bottom: 130px;} /* Fix new messages bar*/
.typingDots_b88801, /* The special treatment */
div[class^="messagesWrapper__"] > div[class*="bottomBar__"], /* New messages bar */
div[class^="channelTextArea_"] { /* actual text area */
  backdrop-filter: blur(20px); /* Configure blur amount here */
  background: #0004 !important;
}
div[class^="channelTextArea_"] > *:not(.autocomplete__13533) {background: 0 0 !important;} /* Text area's internals */
ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after { /* Add spacer for the bottom*/
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

#

better?

#

@finite comet

finite comet Sep 27, 2025, 5:24 AM

#

i think discord should explode

#

https://m.patchokki.art/m/lMa.png

#

i wonder if im doing something wrong 🤔 im just pasting it in under everything so far

#

heres the WHOLE thing i have

/* Custom dm/server backgrounds (per instance) */
div[class^="content_"]:has(div[class^="sidebar_"]) {
> div > div > div[class^="chat_"] {
        /* Uncomment this if you *do not* a theme if you want to be fully consistent with normal discord*/
        background: var(--background-gradient-chat,var(--background-base-lower));
        
        /* Try commenting this out if you have a theme*/
        [class^="subtitleContainer_"] > [class^="title_"], main[class^="chatContent_"], [class^="subtitleContainer_"] [class^="children__"]::after, .wrapper_d852db, .wrapper_fc8177
        {background: transparent !important;}
    
        background-size: cover ! important;
        background-position: center ! important;
        
        /* DM's */
        /*           Duplicate this part per user.                 v ID HERE                                 v URL HERE                                                         TINT HERE IF YOU WANT IT v                                v blur, use with caution of lag*/
        &:has([class^="children__"] [class^="avatar__"][src*="fart"]) {background: url("https://m.patchokki.art/m/mutatedeye-bsky-3kdzkgedlb22f-2.jpg"); &::before {background: rgba(0, 0, 0, 0.527);  backdrop-filter: blur(10px);}}
        
        /* Tint*/
        position: relative;
        &::before { content: ""; position: absolute; inset: 0;}
    }

    /*Uncomment to specify custom textbar color.*/
    .channelTextArea_f75fb0, .channelTextArea_f75fb0 > div
    { background: #0000001c; }

    /* Servers */
    /* Duplicate this part per server.     v ID HERE                                                      v URL HERE                                                         TINT HERE IF YOU WANT IT v                                v blur, use with caution of lag*/
    &:has(.bannerImg_f37cb1[src*="1015060230222131221"]) div[class^="chat_"] { background: url("https://cdn.discordapp.com/emojis/1258573513250570252.webp"); &::before {background: rgba(0, 0, 0, 0.24); /*backdrop-filter: blur(10px);*/}}
}

/* scroll under chatbar */
form[class*="formWithLoadedChatInput_f75fb0"]
{ margin-top: -136px !important;}

div[class^="channelTextArea_"] {
  backdrop-filter: blur(20px); /* Configure blur amount here */
}

ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after {
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

/* popover blur */
.popover_f84418 {background: 0 0; backdrop-filter: blur(10px);}

/* seamless chatbar typing fix blur */
.typingDots_b88801,
div[class^="channelTextArea_"] {
  backdrop-filter: blur(20px); /* Configure blur amount here */
  background: #0004 !important;
  > * {background: 0 0 !important;}
}

form[class*="formWithLoadedChatInput_f75fb0"] /* Eat message area's space */
{ margin-top: -136px !important;}
div[class^="messagesWrapper__"] > div[class*="bottomBar__"] {bottom: 130px;} /* Fix new messages bar*/
.typingDots_b88801, /* The special treatment */
div[class^="messagesWrapper__"] > div[class*="bottomBar__"], /* New messages bar */
div[class^="channelTextArea_"] { /* actual text area */
  backdrop-filter: blur(20px); /* Configure blur amount here */
  background: #0004 !important;
}
div[class^="channelTextArea_"] > *:not(.autocomplete__13533) {background: 0 0 !important;} /* Text area's internals */
ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after { /* Add spacer for the bottom*/
  display: block;
  content: "";
  position: relative;
  height: 120px;
}

frigid moat Sep 27, 2025, 5:41 AM

#

finite comet https://m.patchokki.art/m/lMa.png

what the hell lmao

#

does your theme change the color of that thing normally?

finite comet Sep 27, 2025, 5:42 AM

#

its the default discord complete. black fartball theme

frigid moat Sep 27, 2025, 5:42 AM

#

I'm sorry what

#

😭 😭 😭

finite comet Sep 27, 2025, 5:42 AM

#

i dont know what its called </3

frigid moat Sep 27, 2025, 5:43 AM

#

LMFAOOO

#

you've outdone yourself

finite comet Sep 27, 2025, 5:43 AM

#

https://m.patchokki.art/m/FxZ.png

frigid moat Sep 27, 2025, 5:44 AM

#

finite comet https://m.patchokki.art/m/FxZ.png

I should make you a CSS snippet that puts a fartball in that theme circle

#

what that means? how that looks like? you'll see

#

you'll all see

finite comet Sep 27, 2025, 5:45 AM

#

fartball

this is fartball

#

fartball

frigid moat Sep 27, 2025, 2:01 PM

#

Default discord complete black fartball theme

frigid moat · 2025-09-23T18:40:27.235Z

Per DM user backgrounds | libVencore | Page 1

after years of mind numbing work, ive worked free to bring you all this!

/* Default discord complete black fartball theme */
.themeSelection__36dee.midnightIcon__36dee::before {
    position: absolute;
    content: "";
    inset: 10px;
    background: url(https://cdn.discordapp.com/emojis/1421498028275142756.webp?size=128&animated=true);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.app_a3002d:has(.themeSelection__36dee.midnightIcon__36dee:hover)~.layerContainer__59d0d .tooltipContent__382e7 {
    font-size: 0px;
    position: relative;
    width: 80px;
    &::before {
        position: absolute;
        inset: 0;
        content: "Black fartball";
        font-size: 16px;
        text-align: center;
        line-height: 200%;
    }
}
/* End default discord complete black fartball theme */

#

@finite comet

#

frigid moat Sep 27, 2025, 2:19 PM

#

finite comet <:fartball:837771794034982942> this is fartball

actually i kind of like this

#

this looks kind of cool

#

i actually really like that

#

and unlike the normal behaviour it actually looks normal

finite comet Sep 27, 2025, 6:01 PM

#

:ooo

finite comet Sep 27, 2025, 6:01 PM

#

frigid moat # Default discord complete black fartball theme after years of mind numbing work...

LOLLLL

finite comet Sep 27, 2025, 6:20 PM

#

frigid moat and unlike the normal behaviour it actually looks normal

as long as the most relevant emoji is still near the top of the list 🤔

finite comet Sep 27, 2025, 6:22 PM

#

frigid moat # Default discord complete black fartball theme after years of mind numbing work...

ITD BE SO FUNNY IF YOU PUT THIS IN THE SNIPPETS CHANNEL LOLL

frigid moat Sep 27, 2025, 6:26 PM

#

finite comet ITD BE SO FUNNY IF YOU PUT THIS IN THE SNIPPETS CHANNEL LOLL

I should make it have a black fartball as the chat bg

frigid moat Sep 27, 2025, 6:28 PM

#

finite comet as long as the most relevant emoji is still near the top of the list 🤔

it's still fully functional

finite comet Sep 27, 2025, 8:34 PM

#

https://m.patchokki.art/m/RVV.gif

#

wonderful

frigid moat Sep 27, 2025, 11:04 PM

#

finite comet https://m.patchokki.art/m/RVV.gif

fa rt

finite comet Sep 29, 2025, 12:44 AM

#

any progress on the fixed emoji suggestions background thingymajig? :3

#

i think that & the funky scrollbar is about all thats left 🤔 (unless im wrong)

#

HELP WHAT IS THIS

#

its watching me..

frigid moat Sep 29, 2025, 1:54 AM

#

finite comet any progress on the fixed emoji suggestions background thingymajig? :3

oh- right

#

idk you can have this indev snippet

#

form[class*="formWithLoadedChatInput_f75fb0"] { margin-top: calc(-16px - 60vh) !important;} /* Eat message area's space */
div[class^="messagesWrapper__"] > div[class*="bottomBar__"] {bottom: calc(60vh + 28px);} /* Fix new messages bar*/
.typingDots_b88801, /* The special treatment */
div[class^="messagesWrapper__"] > div[class*="bottomBar__"], /* New messages bar */
div[class^="channelTextArea_"]::before { /* actual text area */
  backdrop-filter: blur(0px); /* Configure blur amount here */
  background: #0004 !important;
}
div[class^="channelTextArea_"] { /* actual text area overrides */
  position: relative;
  background: transparent !important;
  &::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }
  > * { position:static;}
  > div[class^="stackedBars__"], > [class^="characterCount__"] { position:  relative;}
}

div[class^="channelTextArea_"] > * {background: 0 0 !important;} /* Text area's internals */
ol[class^="scrollerInner__"][data-list-id="chat-messages"]::after { /* Add spacer for the bottom*/
  display: block;
  content: "⚠ That wasnt supposed to happen, please report this to @computer.cat. ⚠"; color: white; font-size: 200%; text-align: center; line-height: 110vh;
  position: relative;
  height: 60vh;
}

#

no scrollbar yet

#

im trying to- figure that out though

finite comet Sep 29, 2025, 1:55 AM

#

oki!! TYYYY

#

oh wait ok so i realize by having the emoji completer at the bottom means that while you are typing out emojis, the chat bar moves up and down which makes it a little jarring while seeing what you have typed so far

frigid moat Sep 29, 2025, 1:56 AM

#

yeah- i know

#

i could- maybe see if i could make the size changes have a transition

#

would that be better?

finite comet Sep 29, 2025, 1:57 AM

#

hmmmm maybe? but having an option maybe to just have it on top might be good too

frigid moat Sep 29, 2025, 1:58 AM

#

i dont currently feel like restoring the default behaviour

finite comet Sep 29, 2025, 1:58 AM

#

oki

frigid moat Sep 29, 2025, 1:58 AM

#

bc uh-

#

the

#

emojis in messagebar thing is actually the fix

#

so

finite comet Sep 29, 2025, 1:59 AM

#

hmm

frigid moat Sep 29, 2025, 1:59 AM

#

oh wait no i should have everything done already probably

#

yeah its not that much work

finite comet Sep 29, 2025, 1:59 AM

#

so theres no way to force it to the top or the msg bar to the bottom?

#

:O

frigid moat Sep 29, 2025, 2:02 AM

#

finite comet so theres no way to force it to the top or the msg bar to the bottom?

uh- basically i came across the emoji and command parenting thing just as i was fixing it and thought id keep it

#

reason i was doing it even tho the fix was quite simple was so that i could make it look better

#

and i thought what other way could i do that other than keeping that in the bar

finite comet Sep 29, 2025, 2:03 AM

#

i see..

frigid moat Sep 29, 2025, 2:03 AM

#

idk i may do it later today and if i dont

#

uhh remind me tomorrow the same time it was 6 hours before now? idk if that makes sense

finite comet Sep 29, 2025, 2:03 AM

#

🫡

dark orchidBOT Sep 29, 2025, 2:04 AM

#

Alright @frigid moat, in 18 hours: ballfart the third: homecoming

finite comet Sep 29, 2025, 2:08 AM

#

oh shoot also the server bgs arent working again

#

maybe the selector is wrong?

#

maybe this is a canary skill issue </3

frigid moat Sep 29, 2025, 2:09 AM

#

oh- i just remembere-

#

damn

#

hold on

frigid moat Sep 29, 2025, 2:09 AM

#

finite comet oh shoot also the server bgs arent working again

again?

#

i dont recall that happening

#

can you picture?

finite comet Sep 29, 2025, 2:10 AM

#

yeah i forgot to say that they werent working since yesterday

frigid moat Sep 29, 2025, 2:10 AM

#

MenheraConfused1

#

ohh-

#

from the

#

per instance backgrounds

#

not from the transparent messages

finite comet Sep 29, 2025, 2:10 AM

#

lemme just temporarily send the whole thing

frigid moat Sep 29, 2025, 2:10 AM

#

put that on my todolist

#

oh you

#

you're supposed to replace- i mean ig that works

#

if it does

finite comet Sep 29, 2025, 2:11 AM

#

hepl replacewhat </3

frigid moat Sep 29, 2025, 2:12 AM

#

these look similar dont they

finite comet Sep 29, 2025, 2:12 AM

#

oh shoot LOL

#

i mean. it works but lemme remove that

frigid moat Sep 29, 2025, 2:14 AM

#

you know all of those look particularly similar

#

give me a sec

#

il fix it for you

finite comet Sep 29, 2025, 2:15 AM

#

i havent been paying too much attention to that very well cus ive been so sleepy recently 😔

frigid moat Sep 29, 2025, 2:15 AM

#

also-

#

please delete that

#

the original message

finite comet Sep 29, 2025, 2:15 AM

#

🫡

frigid moat Sep 29, 2025, 2:17 AM

#

https://pastebin.com/TxzdDnGf

Pastebin

Pastebin.com - Locked Paste

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

#

@finite comet

#

password is something i would say

#

sometimes

#

catplush

finite comet Sep 29, 2025, 2:17 AM

#

im in 🫡

frigid moat Sep 29, 2025, 2:17 AM

#

okay

finite comet Sep 29, 2025, 2:18 AM

#

ok it has been transplanted :3

frigid moat Sep 29, 2025, 2:18 AM

#

lmk if i broke something

finite comet Sep 29, 2025, 2:18 AM

#

err

#

chat bar no longer has blur

frigid moat Sep 29, 2025, 2:18 AM

#

oh- i set the blur to 0

#

just uh

#

set that to whatever you want

finite comet Sep 29, 2025, 2:19 AM

#

ohh oki, i didnt catch that, since it looked pretty much how i set it LOL

frigid moat Sep 29, 2025, 2:19 AM

#

x3

finite comet Sep 29, 2025, 2:19 AM

#

YAY fixed

#

TYSM

#

i was abt to say that dm backgrounds r broken

#

then

#

i realized

#

my image host server has shidded

#

</3

frigid moat Sep 29, 2025, 2:20 AM

#

finite comet TYSM

of course, im the best for telling you to change a number

#

uwu

finite comet Sep 29, 2025, 2:20 AM

#

while trying to upload a compose.yaml to my image host / storage server

trying to modify the bluesky pds docker compose file

frigid moat Sep 29, 2025, 2:21 AM

#

i didnt get a word of that

#

other than image host and storage server

#

oh- i just remembered

finite comet Sep 29, 2025, 2:24 AM

#

tldr;

my bluesky data server has been brokie cus stuff is being doo doo (i gotta go and mess with the docker container)

while uploading a file to my storage server. something shidded and idk what.

#

i thiiink i fixed it

#

ya i did

#

ok time to slave away screwing with the install file for the bluesky data server so that it doesnt conflict with my reverse proxy

frigid moat Sep 29, 2025, 3:12 AM

#

@finite comet
#1420603427246833775 message

#

check that out

#

i think you might like it

finite comet Sep 29, 2025, 3:55 AM

#

:O ty!

finite comet Sep 29, 2025, 4:12 AM

#

@frigid moat

I HAVES A BUG

frigid moat Sep 29, 2025, 4:12 AM

#

bweh

finite comet Sep 29, 2025, 4:12 AM

#

to reproduce, snap discord to half your monitor (half width) and paste this link (or anything long) :

#

https://cprimozic.net/notes/posts/notes-on-self-hosting-bluesky-pds-alongside-other-services/

Casey Primozic's Notes

Notes on Self Hosting a Bluesky PDS Alongside Other Services

I’ve recently set up a Bluesky Personal Data Server (PDS) to store the data for my Bluesky account. I wanted to host it on my server alongside the many other web apps, databases, and many other services. I additionally wanted to use my top-level domain as my handle.
I started out following the install guide on the official PDS repo and it ...

frigid moat Sep 29, 2025, 4:12 AM

#

oh yeah i know

finite comet Sep 29, 2025, 4:12 AM

#

it launches the chatbar up and it doesnt properly fix itself unless you restart the client

frigid moat Sep 29, 2025, 4:13 AM

#

i cant fix that im pretty sure its a chromium bug

finite comet Sep 29, 2025, 4:13 AM

#

fartball

frigid moat Sep 29, 2025, 4:13 AM

#

im considering playing an animation that resets the size once in a while

finite comet Sep 29, 2025, 4:13 AM

#

thats prolly the best bet </3

#

maybe every second tbh

frigid moat Sep 29, 2025, 4:13 AM

#

mhm

#

bwaa

finite comet Sep 29, 2025, 4:13 AM

#

bwaaa

frigid moat Sep 29, 2025, 4:24 PM

#

@finite comet what was i gonna do ?

#

oh- yes the uh

frigid moat Sep 29, 2025, 5:05 PM

#

@finite comet have a new indev snippet

/* Indev transparent messagebox */
form[class*="formWithLoadedChatInput_f75fb0"] { margin-top: calc(-16px - 60vh) !important;} /* Eat message area's space */
div[class^="messagesWrapper__"] > div[class*="bottomBar__"] {bottom: calc(60vh + 28px);} /* Fix new messages bar*/
.typingDots_b88801, /* The special treatment */
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 */
  background: #0004 !important; /* Comment out if you have a theme */
}

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:static;} /* Fix some stuff */
  > div[class^="stackedBars__"], > [class^="characterCount__"] { position:  relative;} /* Override reply bar and character count position */
  > [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: "⚠ That wasnt supposed to happen, please report this to @computer.cat. ⚠"; color: white; font-size: 200%; text-align: center; line-height: 110vh;
  position: relative;
  height: 60vh;
}
/* End indev transparent messagebox */

#

il publish this if i figure out the size thing

dark orchidBOT Sep 29, 2025, 8:04 PM

#

@frigid moat, <t:1759111466:R>: ballfart the third: homecoming

frigid moat Sep 29, 2025, 8:05 PM

#

blehh im already done

foggy prism Sep 29, 2025, 9:18 PM

#

dark orchid <@1177484931623026769>, <t:1759111466:R>: ballfart the third: homecoming

wtf

finite comet Sep 29, 2025, 9:22 PM

#

LOL

finite comet Sep 29, 2025, 9:23 PM

#

frigid moat blehh im already done

im gonna slap this onto the end of everything else incase anything needs to be added or removed so i dont have to keep doing css surgery freakofnature meow

#

ok i removed the previous visibly matching stuff

#

https://m.patchokki.art/m/F2b.png

#

LETSGOOOO

frigid moat Sep 29, 2025, 9:24 PM

#

yeah that's the issue with splicing stuff

frigid moat Sep 29, 2025, 9:24 PM

#

finite comet https://m.patchokki.art/m/F2b.png

sillycat

finite comet Sep 29, 2025, 9:24 PM

#

HEPL LMAO THE SCROLLBAR IS SO LOW DOWN YOU CANT SEE IT TILL U SCROLL UP

frigid moat Sep 29, 2025, 9:24 PM

#

XD

#

I'm sorry

finite comet Sep 29, 2025, 9:25 PM

#

its ok :3

frigid moat Sep 29, 2025, 9:25 PM

#

someone complained you can't see all the way through the emoji menu and i was like

finite comet Sep 29, 2025, 9:25 PM

#

doesnt bother me, just thought it was funny

frigid moat Sep 29, 2025, 9:25 PM

#

oh okay

finite comet Sep 29, 2025, 9:27 PM

#

btw for some reason the snippet still doesnt work for servers

#

ive tried inserting the id for the server AND channel

#

dms work perfectly though :D

#

thank you sosososoososoosososos much for working so hard on this just for some goof (me)

frigid moat Sep 29, 2025, 9:28 PM

#

venniepat

#

I mean anyone else could use it too if they look into here

frigid moat Sep 29, 2025, 9:28 PM

#

finite comet btw for some reason the snippet still doesnt work for servers

hmmn

#

let me glance over your setup

finite comet Sep 29, 2025, 9:28 PM

#

frigid moat <:venniepat:1216969340033699881>

🫡

frigid moat Sep 29, 2025, 9:29 PM

#

dont send it

finite comet Sep 29, 2025, 9:29 PM

#

i can dm you it if thats better :3

frigid moat Sep 29, 2025, 9:29 PM

#

yeah think it might be

finite comet Sep 29, 2025, 9:30 PM

#

sent a frq so i can :3

frigid moat Sep 29, 2025, 10:45 PM

#

@finite comet continue here possibly

finite comet Sep 29, 2025, 10:45 PM

#

oki

frigid moat Sep 29, 2025, 10:46 PM

#

oh actually i just realized this makes per-channel backgrounds really possible

finite comet Sep 29, 2025, 10:52 PM

#

YAY

frigid moat Sep 29, 2025, 10:52 PM

#

the double whammy

#

mm this is not gonna be good for performance

finite comet Sep 29, 2025, 10:55 PM

#

fartball

#

maybe mention in the comment that its bad for performance and if they wanna use just dm backgrounds they can comment it out?

frigid moat Sep 29, 2025, 10:56 PM

#

hmm

#

issue is the changes i had to make to the base of the theme make it worse by their own

#

so id have to have 2 snippets

finite comet Sep 29, 2025, 10:56 PM

#

ohh i see

#

nevermind then

frigid moat Sep 29, 2025, 10:56 PM

#

dm and server/channel and just dm which is like lite

#

thats fine too though

finite comet Sep 29, 2025, 10:57 PM

#

true..

#

ppl may like that

#

makes it a lot more modular and gives ppl more of an option

#

esp if they wont be using both

#

so either both seperate

or both seperate plus a combined version

#

though that should maybe be after all changes are made and most stuff has been fixed / addressed

frigid moat Sep 29, 2025, 10:58 PM

#

like for example this is the selector for a single server in full

#

div[class^="content_"]:has(div[class^="sidebar_"]):has(li[class^="containerDefault_"] [class^="link__"]:has([class^="linkTop__"])[href^="/channels/1015060230222131221"]) div[class^="chat_"]

finite comet Sep 29, 2025, 10:58 PM

#

oh wow

frigid moat Sep 29, 2025, 10:58 PM

#

3 has in a single selector is craaazy

#

2 has

#

because apparently you cant do the other way

#

well

#

let me trim it down a tinge and il have it for you

#

#

hmm..

#

yes

#

of course- why would i share a server in the server im trying to type in

#

oh-

#

because

#

discord converted my tab characters into space characters

#

making the message go over the limit

frigid moat Sep 30, 2025, 12:56 AM

#

damn I kinda forgot about this

#

alright

finite comet Sep 30, 2025, 12:57 AM

#

so real

frigid moat Sep 30, 2025, 12:58 AM

#

📎 message.txt

#

@finite comet idk try that

#

urr

#

yea

finite comet Sep 30, 2025, 1:47 AM

#

doesnt work :(

frigid moat Sep 30, 2025, 4:13 AM

#

wah?

#

umm,,,

#

maybe

#

because

#

canary

#

lets blame everything on canary

finite comet Sep 30, 2025, 4:15 AM

#

except. im on ptb now </3

frigid moat Sep 30, 2025, 4:15 AM

#

:3

#

mm

#

um

#

alright

#

ptb

#

blaming

#

time

#

:3

#

have you tried it on stable?

finite comet Sep 30, 2025, 4:15 AM

#

i think dickord just hates me

#

oh um

frigid moat Sep 30, 2025, 4:16 AM

#

finite comet i think dickord just hates me

NEW SNIPPET!!!

dickord! ive worked for years to bring you this-

finite comet Sep 30, 2025, 4:16 AM

#

frigid moat # NEW SNIPPET!!! dickord! ive worked for years to bring you this-

NOOO

#

ok doesnt work on stable either

frigid moat Sep 30, 2025, 4:16 AM

#

catplush

#

my face when it works on my vesktop

#

hold on

finite comet Sep 30, 2025, 4:16 AM

#

idk wanna have a look at my stupid snippets again? </3

frigid moat Sep 30, 2025, 4:17 AM

#

yeaaaahhh sure

#

send it over

#

dms of course

#

@everynyan false alarm

#

the instructions were unclear

#

for the server/channel version you have to do uh

#

[href^="/channels/{{SERVER_ID}}/{{CHANNEL_ID}}"])

#

channel id was optional

finite comet Sep 30, 2025, 4:32 AM

#

ohp. ok channel selection doesnt seem to work, still targets entire server

#

for me at least

#

odd

#

poop

#

it looks like it should work 😭

#

ohhh well good enough

frigid moat Sep 30, 2025, 5:00 AM

#

finite comet ohp. ok channel selection doesnt seem to work, still targets entire server

that's weird maybe the IDs are somehow different

#

ohh... by

#

channel is optional I mean server part is required

#

so if you want to Target a channel you need both server id and channel I'd after it

#

with a slash in the middle

#

seperating them

finite comet Sep 30, 2025, 5:01 AM

#

i did that!

frigid moat Sep 30, 2025, 5:01 AM

#

oh did it work

#

well I assume not

finite comet Sep 30, 2025, 5:01 AM

#

nope

frigid moat Sep 30, 2025, 5:02 AM

#

I'll figure it out one second or the next

finite comet Sep 30, 2025, 5:02 AM

#

oki

frigid moat Sep 30, 2025, 10:55 PM

#

i just realized yeah i did a stupid

finite comet Sep 30, 2025, 11:59 PM

#

oh?

finite comet Oct 1, 2025, 6:16 AM

#

https://cdn.discordapp.com/attachments/969959668732526592/1420552623559282822/IMG_2481.gif

frigid moat Oct 1, 2025, 3:53 PM

#

finite comet oh?

yeah I was only looking for a channel

#

not for a selected channel

#

I'll fix it

#

once I get back from school

finite comet Oct 1, 2025, 4:30 PM

#

oki :3

finite comet Oct 1, 2025, 9:37 PM

#

https://m.patchokki.art/m/dJb.png

#

slight issue where there is a 1px gap above the channel. name bar thing

#

https://m.patchokki.art/m/C8h.png

#

https://m.patchokki.art/m/tpu.png

#

blak instead of transpoopnt for some reason

frigid moat Oct 2, 2025, 11:02 PM

#

finite comet blak instead of transpoopnt for some reason

hm, it's not exactly transparent normally either

#

it's just matches the background color

#

I can't exactly fix that

frigid moat Oct 2, 2025, 11:03 PM

#

finite comet https://m.patchokki.art/m/C8h.png

hmm I never had that

#

also sorry I forgot about it

finite comet Oct 2, 2025, 11:14 PM

#

its ok :3

finite comet Oct 2, 2025, 11:15 PM

#

frigid moat I can't exactly fix that

hmm... i see

finite comet Oct 4, 2025, 5:56 AM

#

after i finish that 3d model im working on for a commission i must lock in and learn css :3

#

cus i wanna hepl add fixes to snippets i like, like yours :3

finite comet Oct 7, 2025, 8:23 PM

#

added

border: 1px solid #292929;

here: https://m.patchokki.art/m/czO.png
and fixes the 1px gap above the channel looking odd

#

added

/*topbar darkening */                        /* uncomment to enable subtle blurring*/                               
.subtitleContainer_f75fb0 {background: #0000003d; /*backdrop-filter: blur(5px);*/}

to slightly darken the top bar and blur it slightly to separate it from the rest of the chat

#

added

/* topics / summaries blur */
.topicsPillContainer__0f481 { background: #00000054;  backdrop-filter: blur(10px) !important;}
``` to blur the summaries bar if present

#

i have so many blur filters LOL

my discord lags like hell in forums but works smoothly in channels or dms

#

im fine with that though

finite comet Oct 7, 2025, 10:34 PM

#

/* fix attatchment bar background transparency */
.visual-refresh
.form_f75fb0 {
    .channelAttachmentArea_b77158 {
        background-color: transparent;
    }
}
.upload_aa605f {background: #0000003d;}
.wrapper_f7ecac {background: #00000065; backdrop-filter: blur(10px);}

finite comet Oct 7, 2025, 11:48 PM

#

/* transparent emoji gif and sticker picker */
.wrapper__4e6ce {background: #0000009a;}
.contentWrapper__08434 {background: #0000009a; backdrop-filter: blur(10px);}
.diversitySelectorOptions_a45a2a, .gifFavoriteButton__43deb {background: #00000067; backdrop-filter: blur(10px);}
.wrapper__14245, .inspector_aeaaeb, .container_fed6d3, .emojiPickerHasTabWrapper_c0e32c .categoryList_c0e32c, .wrapper__4e6ce.categoryList__3ad28, .header_fed6d3, .categoryItemDefaultCategory_b9ee0c, .header__8ef02 {background: transparent;} /* give elements transparency */
.unicodeShortcut_b9ee0c, .standardStickerShortcut__3ad28 {position: relative;} /* prevent emoji sidebar icons and servers from rendering under bottom bar */
.categoryItemDefaultCategorySelected_b9ee0c, .firstPartyCategorySelected__3ad28, .stickerCategoryGenericSelected__3ad28, .stickerCategory__3ad28 {background-color: #00000046;} /*emoji sidebar item selected */
.categoryItemDefaultCategorySelected_b9ee0c:hover, .firstPartyCategorySelected__3ad28:hover, .stickerCategoryGenericSelected__3ad28:hover, .stickerCategory__3ad28:hover {background-color: #52525260;} /* emoji sidebar hover */
.emojiItem_fc7141.emojiItemSelected_fc7141, .emojiItem_fc7141.expandCollapseButtonSelected_fc7141, .stickerInspected_c6367b .inspectedIndicator_c6367b {background-color: #00000046;} /* sticker and emoji hover */```

finite comet Oct 8, 2025, 12:08 AM

#

/* fix chat date divider text background */
.content__908e2 {background: transparent; backdrop-filter: blur(2px);} /* add blur to "hide" the divider behind the text */```

#

my use of blur is abhorrent

barren forge Oct 9, 2025, 5:58 PM

#

finite comet added ```css border: 1px solid #292929; ``` here: https://m.patchokki.art/m/czO...

I've noticed that setting the border to 0px fixes the top space problem without adding any padding on the bottom and the sides of the chat

finite comet Oct 9, 2025, 7:02 PM

#

i see...

barren forge Dec 17, 2025, 7:15 PM

#

will there be a fix for this css? the new discord update's class changes really broke everything 😭

finite comet Dec 17, 2025, 11:11 PM

#

has it been pushed to stable already?

#

guh

barren forge Dec 17, 2025, 11:13 PM

#

yeah 😭 ruined like, most if not all Custom CSS

#

did try to use the provided conversion tool from #theme-support, however it did nothing on this snippet

autumn hull Dec 17, 2025, 11:30 PM

#

I think this is the fix it was the fix for a different CSS fix
change them all from [class^="name_"] to [class*="-name"]
Credit to obsidian

#

barren forge Dec 17, 2025, 11:50 PM

#

thanks a lot! this works quite well
a few issues on icons and the chat date divider doesn't work, I'll check if I replaced more than I should've or if some of my broken css is interferring

the issue under the chat bar solely happens in channels. DMs look the same they used to

#

using the classupdater did fix the Chat Date Divided add-on;

muted sable Dec 31, 2025, 7:45 AM

#

is there a quick css? idrk how to do this

muted sable Dec 31, 2025, 8:05 AM

#

nvm i did it but its not working

finite comet Dec 31, 2025, 12:25 PM

#

its currently a bit broken, you can useeee

finite comet Dec 31, 2025, 12:25 PM

#

autumn hull I think this is the fix it was the fix for a different CSS fix change them all f...

this

#

to fix it manually

#

though there is a bug with the emoji buttons having a portion of the background at the moment

#

might try to figure out a fix or ask cat abt it later on

barren forge Dec 31, 2025, 2:33 PM

#

yeah, the buttons and the bottom of the chat are affected by the background wrapping vertically
interestingly this only happens in servers, dms are unaffected by this issue

finite comet Dec 31, 2025, 3:17 PM

#

yeah :(

#

its an issue with the slector im pretty sure

#

but im not smart enough to make a better selector that doesnt do that

#

additionally, with the transparent message bar snippet cat made for me, when someone is typing, the background tiles starting from the top of the char bar IF you are scrolled up a little bit

#

definitely a little infuriating

#

/* Custom dm/server/channel backgrounds (per instance) */
div[class*="-content"]:has(div[class*="sidebar"]) {
> div > div > div[class*="-chat"] {
        /* Uncomment this if you *do not* want to be fully consistent with normal discord*/
        background: var(--background-gradient-chat,var(--background-base-lower));

        /* Try commenting this out if you have a theme*/
        [class*="-subtitleContainer"] > [class*="-title"], main[class*="-chatContent"], [class*="-subtitleContainer"] [class*="-children"]::after, ._6c79861fd96f56b1-wrapper, .fc817765600a960a-wrapper
        {background: transparent !important;}

        background-size: cover ! important;
        background-position: center ! important;
        border: 1px solid #292929;

        /* DM's */
        /*                Duplicate this part per user.                 v ID HERE                                    v URL HERE                                                            TINT HERE IF YOU WANT IT v                                v blur, use with caution of lag*/
        &:has([class*="-children"] [class*="-avatar"][src*="(REDACTED)"]) {background: url("https://m.patchokki.art/m/mutatedeye-bsky-3kdzkgedlb22f-2.jpg"); &::before {background: rgba(0, 0, 0, 0.527);  backdrop-filter: blur(5px);}}
        &:has([class*="-children"] [class*="-avatar"][src*="(REDACTED)"]) {background: url("https://m.patchokki.art/m/G3BIVhmbwAMZg7k.png"); &::before {background: rgba(0, 0, 0, 0.527);  backdrop-filter: blur(5px);}}
        /* Tint*/
        position: relative;
        &::before { content: ""; position: absolute; inset: 0;}
    }

    /*Uncomment to specify custom textbar color.*/
    .f75fb00fb7356cbe-channelTextArea, .f75fb00fb7356cbe-channelTextArea > div
    { background: #0000001c; }

    /* Servers/Channel                                    (server id first + channel id after to target a channel) */
    /* Duplicate this part per server.                                       v ID(s) HERE                                                       v URL HERE                                                             TINT HERE IF YOU WANT IT v                            v blur, use with caution of lag*/

    &:has(li[class*="-containerDefault"] [class*="-link"][href*="/channels/512287844258021376"]) div[class*="-chat"] { background: url("https://m.patchokki.art/m/7i9.gif"); &::before {background: rgba(0, 0, 0, 0.527); backdrop-filter: blur(5px);}}
    &:has(li[class*="-containerDefault"] [class*="-link"][href*="/channels/1145096753301946500"]) div[class*="-chat"] { background: url("https://m.patchokki.art/m/n9d.jpg"); &::before {background: rgba(0, 0, 0, 0.527); backdrop-filter: blur(5px);}}
}```

#

heres my snippet currently

#

/* fix chat date divider text background */
._908e20001ad67812-content {background: transparent; backdrop-filter: blur(2px);} /* add blur to "hide" the divider behind the text */

#

plus a fix i made

#

/* Indev transparent messagebox */
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 */
/* End indev transparent messagebox */

#

/* fix & thin out scrollbar */
._36d072eab2b2e737-scroller{
  &::-webkit-scrollbar {
    height: 10px;
    width: 10px;
  }
  &::-webkit-scrollbar-corner {
    background-color: transparent;
  }
   /* &::-webkit-scrollbar-track, &::-webkit-scrollbar-thumb {
     visibility: hidden; 
  }*/
  &::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: var(--scrollbar-thin-thumb); /*change this to change scrollbar colour*/
    border: 2px solid transparent;
    border-radius: 6px;

  }
  &:hover::-webkit-scrollbar-track, &:hover::-webkit-scrollbar-thumb {
    visibility: visible;
  }
  &::-webkit-scrollbar-button:end:increment{
    height: 80px;
  }
}

addition to transparent message bar i made

#

oh shoot yeah, the skeleton loader is also unthemed after the update plus the viewing old messages popup

#

i can try to fix those rq

#

/* jump to present bar blur & tint */
._0f481cbbd7530492-bottomBar {
  background-color: #0000002f;
  backdrop-filter: blur(10px);
}

#

jump to present bar fixed

finite comet Dec 31, 2025, 4:24 PM

#

/* fix skeleton loader background */
.d852db00c0588eb9-wrapper {
  background-color: #00000000;
}

#

done with that now

barren forge Jan 1, 2026, 1:52 AM

#

I think it's just missing this from the previous iterrations

/* darken chat topbar */ 
.f75fb00fb7356cbe-subtitleContainer {background: #0000003d};

Also thanks a lot backgrounds work on group chats now!

finite comet Jan 1, 2026, 2:16 AM

#

mhm！ :3

finite comet Jan 1, 2026, 2:17 AM

#

barren forge I think it's just missing this from the previous iterrations ``` /* darken chat...

i made this part of the snippet :3

i made a lot of my own little changes

#

unless you did... i have an almost identical snippet i made like thag

#

that*

barren forge Jan 1, 2026, 2:18 AM

#

finite comet ```css /* fix & thin out scrollbar */ ._36d072eab2b2e737-scroller{ &::-webkit-...

btw for the scrollbar color you might have typoed the * from the comment into a ° which causes the scrollbar to get thinner than it should

barren forge Jan 1, 2026, 2:18 AM

#

finite comet unless you did... i have an almost identical snippet i made like thag

I got everything from here, but I just didn't see that snippet at first!

finite comet Jan 1, 2026, 2:19 AM

#

barren forge btw for the scrollbar color you might have typoed the * from the comment into a ...

whoopsie, text replace

#

its for *f and *c

to °c and °c

#

tmr ill try to fix the selector for servers... if i cant, im putting cat back to work LMAO

#

back to the mines

finite comet Jan 1, 2026, 10:22 PM

#

ok chat icons have been fixed thru hardcoding a selector name

#

instead of

&:has(li[class*="-containerDefault"] [class*="-link"][href*="/channels/512287844258021376"]) div[class*="-chat"]

replace that with

&:has([href*="/channels/512287844258021376"]) div[class="f75fb00fb7356cbe-chat"]

#

https://m.patchokki.art/m/lFV.png

#

now... im not sure how ill fix the repeating background when scrolled up and someone is typing

finite comet Jan 1, 2026, 11:43 PM

#

heres all my css for more blurred elements (emoji popup, modals, right click menus, etc)

INCLUDING the transparent message bar snippet

📎 message.txt

#


/* msg hover anims */
._5126c0cd07f243a0-messageListItem{
  transition: background-color 0.2s ease; /* [duration] */
  > ._5126c0cd07f243a0-cozyMessage { 
    background: transparent !important;
    transition: transform 0.3s 0.1s; /* [duration] | [delay] */
    z-index: 1; /* fixes popover rendering under chat dividers */
  }
  &:has(> ._5126c0cd07f243a0-cozyMessage:hover) { 
    background: var(--background-message-hover); 
    > ._5126c0cd07f243a0-cozyMessage { 
      transform: translateX(5px); /°changes how far the message moves when hovered*/
    }
    /* popover animation */
    .c19a557985eb7793-buttonContainer {
      transition: transform 0.2s 0.3s ease; /* [duration] | [delay] */
      transform: translateX(9px);
      
    }
  }
}

.c19a557985eb7793-buttonContainer {
    transform: translateX(380px); /°changes how far right the popover starts in the animation */
}

msg hover animations

#

/* make right click menu smaller (less padding) */
.c1e9c47c23f12ca3-scroller {
    margin: -4px;

    &::after,.c1e9c47c23f12ca3-separator {
        margin: 1px 3px !important;

    }
    &::after,.f563df886a7377be-wrapper {
        padding: 2px !important;

    }
    &::after,.c1e9c47c23f12ca3-item{
        /* min-height is 32px as default, change value for desired look */
        min-height: 32px;
        
        /* padding is 4px 8px as default, change value for desired look */
        padding: 2px 8px;
    }
}

nicer right click menu

barren forge Jan 2, 2026, 3:07 PM

#

finite comet instead of ```css &:has(li[class*="-containerDefault"] [class*="-link"][href*="/...

that's great! thanks a lot
only issue I have is that a default background for servers without one now overrides all other server backgrounds

finite comet Jan 2, 2026, 4:48 PM

#

🤔

#

hmmm that isnt happening to me... odd

#

i did remove some specificity from the selector, i could try adding it back

finite comet Jan 2, 2026, 6:49 PM

#

barren forge that's great! thanks a lot only issue I have is that a default background for se...

&:has(li[class*="-containerDefault"] [class*="-link"][href*="/channels/512287844258021376"]) div.f75fb00fb7356cbe-chat

try using this as the server selector instead

#Per DM user backgrounds

Default discord complete black fartball theme

NEW SNIPPET!!!