🎨-theme-development

[twilit nest]

how to make all dms show nameplates rahh

[half crystal]

What would you pull from? They wouldnt have nameplates, they have better places to spend money

[twilit nest]

acshually many people have nameplates tbh because of some places in discord i wouldnt take names of so like it def looks cool and it is a shame that servers show it boldly and then there are sneaky ass dms which are bland asf

[half crystal]

Do you maybe realise that your DMS are not a member list and maybe most of your friends shown here may not have nameplates?

[onyx mesa]

i have tried this, it's not possible with just css

i haven't looked into it for a while tho, maybe discord has changed something that made it possible

[twilit nest]

i dont know fr

i just found a few classes which manage the nameplace css

but they dont override the main css which discord keeps sneaky hidden

[twilit nest]

@half crystal nah cuz almost like all of these guys in my dms have nameplates

[echo frost]

In dms, the hover effect for them to appear isn't done with css
it's done with js
at least it was when I last checked

[crimson skiff]

nop

.clickable__91a9d:hover .childContainer__91a9d,
.interactive__972a0:hover {
  background-color: transparent !important;
  cursor: pointer;
}

[echo frost]

the hover effect for the nameplates

[crimson skiff]

oh the nameplates

[errant zenith]

that user area/spotify controls look sick

would u be fine with sharing the css or not rlly?

[echo frost]

whoa desmos uses a font for icons

[half crystal]

yeah a lotta websites do

[fading moss]

how do oyu make that spotify to look like that

do you

[twilit nest]

oh man that is gonna be tuff

[twilit nest]

theres this spotify controls plugin shipped with vesktop and then you just do some css

i can share if if ya want

[twilit nest]

can i share it here?

[errant zenith]

yea i think so

[twilit nest]

im constantly updating lmao i also added something which looks like a plugin in spicetify with a circular art and it keeps spinning like a cd player lmao

[twilit nest]

@errant zenith

[errant zenith]

looks neat

i like it

i did a similar thing some time ago (without the hovering panel ofc)

[twilit nest]

its a part of a plugin i just changed some things

named spotifycontrols

[twilit nest]

sick sick

[inland root]

what theme is this? I'm struggling hard using discord on my vertical monitor

[burnt sky]

its on my github

[inland root]

works great, have you figured out a way to make Settings look proper? or is that not possible

[burnt sky]

did you enable the plugins suggest on the page

[inland root]

yup

[burnt sky]

not sure whats causing your issues

[inland root]

welp

[burnt sky]

looks fine on my end

you can also disable the settings model

[inland root]

is this on your vertical or horizontal monitor

looks fine on my horizontal

[burnt sky]

vertical

[burnt sky]

you can put this in quick edit and disable the settings model if you want

/* Toggles */
:root {
    --\\--no-border: true;
    --\\--compact-input-box: true;
    --\\--compact-user-area: true;
    --\\--irc-compact-chats: false;
    --\\--compact-guilds-bar: true;
    --\\--Settings-Model-Edit: true;
    --\\--compact-channel-categories: false;
}```

[inland root]

oh

[inland root]

let me try

eh

i wonder if it's just my monitor resolution

thanks for the help though, I'll try to figure out whats causing it

I see

it's my zoom

works just as intended, I just have to squint now

ok i just fixed that too , i really need to open my eyes

[twilit nest]

did i just see smth... 👀 @half crystal

[echo frost]

?

[steep otter]

@crimson skiff could you share your Vencord settings backup/export file with me? I’d like to recreate the same setup.

[twilit nest]

the nameplates... see the console 💀

[echo frost]

that's not the dm nameplates
and I'm confused as to why you replied to my message

[twilit nest]

yeaa ig

[twilit nest]

lmao i replied you because you said nameplates css isnt there

[errant zenith]

so could you share the css for that? :3

[errant zenith]

nvm!!

i did it myself

[twilit nest]

waity wait

[twilit nest]

i was editing more lmaoo

[errant zenith]

its oki i just decided that im gonna try :p

[twilit nest]

yayyy!

[twilit nest]

lesgoo that looks beautiful!! XP

✨

[errant zenith]

tyy :3

[twilit nest]

next goal is to make it look like this lmao

[crimson skiff]

https://github.com/nspc911/themes

[errant zenith]

i did smth like this

do u think i can request it to be put in #🎨-css-snippets or do nah (since youre the original person behind the idea :p)

[twilit nest]

mine looks like this rn

[twilit nest]

if you want to sure, i can also put it there idk tho

[errant zenith]

i could credit u in the post if you ok with that

[twilit nest]

the image is rotating btw haha @errant zenith

[twilit nest]

sure sure

[twilit nest]

lmaoo when i enlarge the image haha

[errant zenith]

LOL

[twilit nest]

frr

[jagged stag]

no

[fringe jackal]

fixed version

@jagged stag

try it out

the new version

[jagged stag]

👍

[fringe jackal]

better ?

[jagged stag]

how can it be good if it was generated by AI?

[fringe jackal]

it wasnt

dude

[echo frost]

for dms
that's not dms though?

[sour storm]

how do i get rid of this

aria-label doesnt seem to work

and even if it did that css element only deletes the icon, not the space that icon takes up

how do i make it go away

[velvet pawn]

slopppppp

[burnt sky]

its the read all notifaction plugin

[velvet pawn]

no it’s not

[velvet pawn]

display: none; its container

or just embrace change

[sour storm]

the level that does what i want to do is "listItem__650eb", but if i display-none that it just removes all the servers

i guess my question is how do i specify that specific icon

also, i know that it's a discord experiment; i know how to turn it off. but what discord is going to do is they're gonna ignore all their user testing and they're gonna roll it out to everyone

so i am choosing to go through this pain right now rather than in 2 week's time when they turn off the option

[crimson skiff]

@sour storm what is the experiment togle for it?

[crimson skiff]

thats the most stupid fucking experiment ive seen

and im not even sure how you would go about fixing it

[tranquil whale]

vot a insanity

[half crystal]

is this flashcord and clearvision

[tranquil whale]

yup and add 2 tampermonkey scripts and 2 flashcord addon thmes

[half crystal]

i swant to see what breaks if you throw ddex4 in there https://github.com/blade04208/ddex4

[fringe jackal]

what does it mean ?

[jagged stag]

ai slop

[civic steppe]

need help fixing this

i dont want them overlaping

[half crystal]

.tutorialContainer__1f388 {
    margin-bottom: 8px;
}

[civic steppe]

thx a lot

[errant zenith]

how do i move this from center to the right

next to window controls

[steel scroll]

you've likely inserted it in the parent div and not the window controls div

[errant zenith]

i didnt insert it i enabled the new notification center experiment

im asking how would i now move it to a different location with css

[steel scroll]

ahh

does that experiment have the button floating there 😭

[errant zenith]

huh

wdym

[steel scroll]

lol I cant type rn

there I fixed it

[errant zenith]

yup

its just there

😭

[steel scroll]

[steep otter]

@crimson skiff sorry for the pings but I’m new to GitHub, so what should I do? Is the whole file considered the backup? It doesn’t look like it, since it seems to have some custom CSS in it too, right?

[crimson skiff]

@steep otter download from https://download-directory.github.io/?url=https%3A%2F%2Fgithub.com%2FNSPC911%2Fthemes%2Ftree%2Fmain%2Fvencord then extract to C:/Users/<user>/AppData/Roaming/Vencord/Themes. i currently am using the image below as my active themes, just enable them. on windows, if you want the blur, you can use micaforeveryone, then enable transparency in the vencord settings

[twilit nest]

@errant zenith lmao im putting up a css submission

[twilit nest]

.<class> {
  left: 100px; /*adjust to whatever you want*/
}

[errant zenith]

i tried that

it works unless you change the window size

or open devtools

so ig that works for now

will need a better solution in the future tho

[twilit nest]

put it in margin left or padding left ig?

[errant zenith]

oh what u submitting

[errant zenith]

tried

same issue

[twilit nest]

spotify panel lmaooo

[errant zenith]

oh LOL

i did yesterday

[twilit nest]

i saww

[twilit nest]

no mentions ;-;

anyway lmao

[errant zenith]

yeah ik i forgot to mention you 😭 i was gonna do it rn

i genuinely just forgot

[twilit nest]

mine looks sick rn 💀

[errant zenith]

cuz i had to fix it a few times and focused on that

[errant zenith]

show

[twilit nest]

can i send video here?

[errant zenith]

sure

[errant zenith]

[twilit nest]

lesgo

[errant zenith]

you see that? 😭

the real button is still in the center

only the icon is on the right

[twilit nest]

it looks so beautiful!!! i love being clueless about where tf the popup is!!! yayyy 💗

[errant zenith]

truth

[steep otter]

Thanks bud, that was great info!

[twilit nest]

yess

[twilit nest]

its a pain to record videos on wayland 😭

[twilit nest]

Alright check this... Had to remove audio and 2x cuz discord hates 10mb

[errant zenith]

nice :o

[fierce bridge]

lexycat

[twilit nest]

Yrrr

[twilit nest]

Ty for letting me listen along 🙏🙏

[fierce bridge]

i didn't even notice

[twilit nest]

@fierce bridge the 2nd half is dedicated to you lmao

[fierce bridge]

oh lol i didn't even look

i just saw lexycat and said something about it didn't look at anything else

[burnt sky]

@chilly knoll for some reason these 2 icons are broken just noticed it now

[twilit nest]

Lmaoo

[chilly knoll]

horror, I need to do the vendroid enhanced icons too lol

I'll do on weekend, u will remind me

[errant zenith]

anyone knows how to do it so that user area corners dont get squared when in voice chat?

these specifically

[echo frost]

border-radius

https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

you might just want to use border-top-left-radius and border-top-right-radius

[errant zenith]

tried already, doesnt work

when in vc it just doesnt work

[echo frost]

did you use !important?

[errant zenith]

yup

it works fine if the vc panel isnt there

[echo frost]

did you open devtools and look at what's causing it to be like that?

oh wait

I think I might see why

[errant zenith]

i did try it yeah but nothing i tried really changed it

[echo frost]

wait

can you send your css?

yeah I don't know why it's not working for you

[echo frost]

I need your css to try and fix it

[errant zenith]

pretty much just the thing i posted in css-snippets, i reverted all changes regarding this issue for now since it didnt work anyways

#🎨-css-snippets message

[echo frost]

it's not happening at all for me

I don't even need to adjust anything

[errant zenith]

huh

can you show

like screenshot or whatever

[errant zenith]

blowing my head off

[echo frost]

what other css are you using

because you're using other css

[errant zenith]

i tried it without any other css and it does that too on my client

initially i thought that it might be other css but well its still an issue when its the only css present so idfk anymore

[echo frost]

can you send your other css?

and did you look at what might be causing it?

[errant zenith]

found the issue

im simply stupid that was the issue

😭

i was using a different snippet i was working on that pretty much rounds the rest of discord and it just does that for some reason

i had it installed as a theme and not as custom css for whatever reason and didnt notice it was on yesterday

||never doing css while drunk again||

im gonna try fixing the other thingy later

[onyx mesa]

the tab id's got changed for those two

just gotta put in the new ones

[chilly knoll]

i think I fixed these now

[fringe jackal]

how to make gaps ? so i can see them ?

[fringe jackal]

how to make them split?*

[late lake]

https://github.com/DuckyOnQuack-999/AestheticCord/tree/main

[chilly knoll]

not sure what's going on here

[fair rivet]

Great is that a bad thing ?

[real quarry]

help how do i turn my quickcss back on the vencordtoolbox cat button disappeared

nvm found it im so spoiled by vencordtoolbox 😔

[echo frost]

it's in themes too

but you can also run something in the console

I forgot exactly what it is though

[waxen citrus]

Does anybody know a green and brown discord theme

[tranquil whale]

make one

[tranquil whale]

How do i make a linear gradient for the chat background?

[pure cairn]

background: linear-gradient(1st color, 2nd color);

[echo frost]

oh yeah
VencordNative.quickCss.openEditor()

@real quarry you probably don't need anymore, but you can also open it from console like this ^

[waxen citrus]

shut up?

[half crystal]

or you could direct them to https://bdeditor.dev/
@waxen citrus ^^^

[waxen citrus]

thanks

[errant zenith]

anyone knows how i can make the chat view rounded (like in midnight theme)?

i was playing around with the textarea css while using midnight and honestly i wanted to make a snippet out of it

it works as a standalone css too but i believe it would look better if i could make the chatview a panel just like in midnight

[vestal field]

do u mean like

separating out the chat bar

im confused

[errant zenith]

yea

that too

i meant more like

separating it from anything

but ig in that case yeah chatbar alone is enough

[vestal field]

js copy the midnight code then

.visual-refresh {
    .chatContent_f75fb0 {
        background: none;
        border-radius: 0;
        border: none;
        backdrop-filter: none;
    }
    .messagesWrapper__36d07 {
        background-color: var(--background-base-lower);
        border-radius: var(--radius-lg);
        border: var(--border-thickness) solid var(--border-subtle);
        backdrop-filter: var(--panel-backdrop-filter);
        transition: border-color var(--border-hover-transition);

        &:hover {
            border-color: var(--border-hover);
        }
    }
    .scrollerSpacer__36d07 {
        height: calc(26px + var(--space-xs));
    }
    .scroller__36d07::-webkit-scrollbar-track {
        margin-bottom: calc(26px);
    }
    .chatContent_f75fb0:has(.typing_b88801) .messagesWrapper__36d07::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--background-base-lower);
        height: 26px;
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
        z-index: 2;
    }
    .form_f75fb0 {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100%;
        margin-top: 0;
    }
    .typing_b88801 {
        position: absolute;
        order: -1;
        top: calc(-26px + var(--border-thickness) * -1);
        left: calc(var(--border-thickness));
        border-radius: 0 0 0 var(--radius-lg);
        padding: 0 0 0 var(--space-sm);
        height: 26px;
    }
    .channelBottomBarArea_f75fb0 {
        margin-top: var(--gap);
    }
    .channelTextArea_f75fb0 {
        margin: 0;
        background-color: var(--background-base-lower);
        border-radius: var(--radius-lg);
        border: var(--border-thickness) solid var(--border-subtle);
        backdrop-filter: var(--panel-backdrop-filter);
        transition: border-color var(--border-hover-transition);

        &:hover {
            border-color: var(--border-hover);
        }
    }
    .stackedBars__74017 {
        background: none !important;
    }
    .wrapper__44df5 {
        margin: var(--gap) 0 0 0;
        height: var(--chatbar-height);
        padding: 0;
        border-radius: var(--radius-lg);
        border: var(--border-thickness) solid var(--border-subtle);
        backdrop-filter: var(--panel-backdrop-filter);
        transition: border-color var(--border-hover-transition);

        &:hover {
            border-color: var(--border-hover);
        }
    }
}```

[errant zenith]

alr

[pearl temple]

hey, I recently got help on making my theme animated.. but how can I change this with the css or what command line can I add?

I changed it on my old theme, but I found the theme in this server

[errant zenith]

change what exactly

the dm button or the ping icons

[pearl temple]

The discord icon thingy

[clear siren]

many ways to do it, here's one https://github.com/nvhhr/discordcss/blob/main/snippets/swaphomeicon.theme.css

[lunar hamlet]

swaphomeicon.theme.css:

/**
 * @name swaphomeicon
 * @author nvhhr
 * @description replace home icon/dm button with custom image
*/

/* set a background-image on dm button */
[data-list-item-id=guildsnav___home] > [class^=childWrapper_]
 { background-image: url("https://i.imgur.com/ekIk6Ux.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 70% 70%; /*adjust as you see fit*/
   svg { display: none; }} /*remove discord logo from top leaving only background*/

[shell ginkgo]

also, if anyone could recommend me other places to find snippets/addons i would love that ^_^ or just some recommendations

[pearl temple]

not changing

[clear siren]

your previous css was missing the closing }

[spring pewter]

i thought that discord looks like that for a moment before i realized its a window

[errant zenith]

same lmao

[half crystal]

WOO
19 MINS FROM FEATURE TO BLOCK
that felt good

[vestal field]

aw hell nah

my predictions were correct 😔

now discord is gonna look even worse

[errant zenith]

huh whats up with discord

oh display name styles

neat

[pearl temple]

so how do I fix it?

[burnt sky]

they already told you its missing the closing }

{
example
}

[pearl temple]

Where do I put it?

new to editing a css

nvm, got it. thanks

[pearl temple]

how can I get something like this in my css?

when hoovering over a certain role/color, it shows that certain color

so as if somebody role color was a orange color, my hoovering color would be orange

• if somebody role color was red, the hoovering color would be red

etc..

[echo frost]

where'd you get that image from?
can you ask whoever you got it from?

[proven gorge]

does anyone know how to get the empty space at the top gone it bothers me

[burnt sky]

im using this

@import url("https://nspc911.github.io/themes/vencord/RefreshedSeamlessChatBar.theme.css");

[proven gorge]

ty

[proven gorge]

i meant the space at the top that got rid of the bottom part

[crimson skiff]

are you using any experiments?

[proven gorge]

where do i check

[crimson skiff]

settings then experiments?

[proven gorge]

no i wasnt

[crimson skiff]

huh weird

i don't have that issue

maybe because I'm using other themes that fix it

[burnt sky]

not sure how i did it to mine

once setup i just forget about it

[crimson skiff]

not sure as well

[burnt sky]

@chilly knoll you sure do change your github name a lot lol

[echo frost]

nice one discord

[chilly knoll]

i only shortened it 😭

it was too long and it annoyed me lol

[onyx mesa]

i think this does not work anymore due discord moving the color right at the bottom

[half crystal]

They're opted into the new aligned chatbar

[burnt sky]

yeah every time you change it i have to find your github again lol. cause it breaks all links and brings me to a 404 github page

[chilly knoll]

sorry 😭 i won't change it again dwdw
i have a custom domain too which I completely forgot about
https://vencord.mudaranrhiod.xyz/solar.css
https://vencord.mudaranrhiod.xyz/solarmoreicons.css

[onyx mesa]

i need to make a custom domain

🙉

[eager pagoda]

does anyone if it's possible to hide this without affecting other Discord elements?

[onyx mesa]

should be pretty easy to hide it

[eager pagoda]

I managed to hide it, but it affects other elements too

so far I didn't find a great solution since most of the elements seems to have general names

[oak plover]

Press the close button

[onyx mesa]

can't really check it myself, haven't seen this popup in forever

[echo frost]

what exactly do you want to hide?
that whole popup, the things you blurred, or something else?

[eager pagoda]

that whole pop-up

[eager pagoda]

keeps appearing after closing for the 123rd time

[echo frost]

press the close button

it doesn't appear anymore

[eager pagoda]

it keeps appearing multiple times per server and I'm not getting crazy

this one I blurred is like the 4th time it appeared on the same server even after closing

[echo frost]

maybe try closing it in an unmodified discord?

like in your browser

idk

that's weird

I think most popups have the same class though

But I don't have that popup at all anymore, so I can't test anything

[oak plover]

You can clear dismissables to try and get it to show up again

[echo frost]

@eager pagoda could try the dismissibles to try to get it to disappear

[empty gyro]

oh no 💔

[oak plover]

Nah i’d rather they do it

Old settings was so inconsistently designed this was needed

[empty gyro]

it lowk looks good

[crimson skiff]

waste of space imo

if they get rid of the right padding and move the sidebar to the main's left just like pre-refresh settings, its a lot better

[burnt sky]

or probably provide more settings and make it take up the full window

or organize them so they do

[crimson skiff]

that too

[oak plover]

it's already been turned into a modal

[vestal field]

its not really a waste of space if nothing else is going to be put there

imo all these variants are fine

[echo frost]

i do think the padding is a bit much, and the width could be increased a bit

but that's super simple and I can just do it myself

[echo frost]

wait it's actually working for you?

it's like this for me lol

[echo frost]

this might've just been taken on a big monitor

[smoky belfry]

nah it only appear one time per server unless they disable and re-enable tag

[iron smelt]

Only looks like that on canary rn

[echo frost]

ah

[tranquil whale]

is the mods of this server really lazy or what they got 39 boosts and only using 26

u could literally get the cool icons

and the equicord tag is gone but the vencord would be better with the show off icons

[oak plover]

Use the settings keybind

Apparently clicking the button normally doesn’t open it as a modal for some reason

[chilly knoll]

i got a question, so discord changed the vars for buttons but idk what the old ones where called, should i just add the new ones and leave the old ones in the theme or try delete them

[iron smelt]

Depends if they are the same between Canary and Stable imo

[chilly knoll]

im on stable so maybe theyre the same

[echo frost]

wait what

what's the keybind

[oak plover]

ctrl + ,

[echo frost]

oh i should've guessed that

oh it's working now on click

sort of

but it's actually a modal now by default?

I thought you made css to make it a modal

[sick osprey]

how can i change this home icon 🙏 ?

[iron smelt]

FYI that’s a bad image so you’ll probably need a better one but

.wrapper__6e9f8[data-list-item-id="guildsnav___home"] .childWrapper__6e9f8 {
  background: url("https://raw.githubusercontent.com/KrstlSkll69/krstlskll69.github.com/main/assets/images/ico/56cb5573-7c02-4782-866f-e15bd09823de.ico") no-repeat center !important;
  background-size: cover !important;
  image-rendering: -webkit-optimize-contrast;
}

.wrapper__6e9f8[data-list-item-id="guildsnav___home"] .childWrapper__6e9f8 svg {
  display: none;
}

Change background to any image you want

Upload it to https://imgur.com/upload

[sick osprey]

ty

[velvet pawn]

1. wrong channel
2. who cares

[tranquil whale]

new theme based on Discord+ and Flashcord

[echo frost]

why does the chat cover the channels

[jagged stag]

hi @upper isle
this no longer work

[upper isle]

?remindme 2d fix dracula

[sturdy trench]

Alright @upper isle, in 2 days: fix dracula

[chilly knoll]

i got an email from them about alucard's release

their light mode theme

[upper isle]

❓

[echo frost]

first is probably easier

[urban moat]

how could i make the "participants without video are currently hidden" gradient completely black? what class is it? having trouble finding it with dev tools

[oak plover]

gradientBackground__41626

[echo frost]

img[src*="/avatar"],
img[src^="https://cdn.discordapp.com/icons"],
div[style^='background-image: url("https://cdn.discordapp.com/icons'] {
  filter: grayscale(1);
}

if hovering over them in chat is coloring them, and you don't want that, add !important (like this: filter: grayscale(1) !important;)

[echo frost]

add .bannerImg_f37cb1

[tough pike]

any way to change the unread marking's color using custom css?

[echo frost]

.divider__908e2 {
  --divider-color: blue;
}

[tough pike]

danke schön

[sturdy trench]

@upper isle, <t:1756660735:R>: fix dracula

[upper isle]

you're also using the vencord toolbox thing

just increase the width in the snippet until it fits

[jagged stag]

VencordToolbox has been moved to the titlebar. Disabling this plugin fixes the issue

[jagged stag]

there are also two small issues

[upper isle]

?remindme 1d fix theme again

[sturdy trench]

Alright @upper isle, in 1 day: fix theme again

[onyx mesa]

did discord break something with this, i can't for the love of me to add an animation to the gradient

[onyx mesa]

nvm guys i am just fucking stupid

[green vine]

very new to css, does anybody know how to theme the right click menu?
any time i add a backdrop blur effect it seems to explode all the submenus

the goal would be to make it more like this (not exploded)

[onyx mesa]

can you share the code you're using?

[sturdy trench]

@upper isle, <t:1756913192:R>: fix theme again

[clear siren]

I gave up on backdrop-blurring menus because they glitch out

[pure cairn]

^

[green vine]

it's part of my unfinished not another anime theme pr

.menu_c1e9c4 {
    background-color: var(--overlay-background);
    backdrop-filter: blur(var(--overlay-blur));
}

[green vine]

yeah thats what i was considering atp, just setting the opacity a bit lower

ive tried:
looking for sub or parent menu's that dont affect the position of submenus, everything on the message thing does
using :before and :after in the hopes it'd help, no luck still
the special treatment:

nop

[green vine]

in what other instances does it explode?

[clear siren]

some elements just freak when you add backdrop blur not sure why and if there's anything you can do to fix it

[green vine]

my running theory is that the dom improperly calculates the position of the menu

[clear siren]

yeah seems like it

[green vine]

wait no bc it happens even with js disabled

i have no idea

[clear siren]

🤔

[green vine]

let me record an example

my new running theory is that it's an issue with chrome css improperly calculating fixed positions from elements with a backdrop filter

[green vine]

i didnt do the before thing right, it does work i think

[burnt lake]

XD

[green vine]

i dont think you're allowed to advertise hack tools with profile elements on discord

[burnt lake]

but Discord created it only for Nitro members, of course

[green vine]

I'm talking about your profile

[green vine]

almost fixed, il send a snippet here for anyone that needs to do this after im done

[green vine]

/* The special treatment 3:< */
.menu_c1e9c4 {
    position: relative;
    background: transparent;
    &::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        border-radius: 8px;
        background: var(--overlay-background);
        backdrop-filter: blur(var(--overlay-blur));
    }
}

[clear siren]

ah clever

[vestal field]

its not a glitch
if you apply backdrop filter or some stuff it will reset the origin of position fixed

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_display/Containing_block#identifying_the_containing_block

[late lake]

the css is on my github

[plain kelp]

Backdrop-filter also interacted weirdly with window transparency in firefox last I tried it

Something about semitransparent backgrounds being applied twice

[clear siren]

also on windows having vesktop turned into glass would just basically disable backdrop blurs but on kde it still kinda works, it draws the backdrops both blurred and unblurred

example with blurred settings modal

[errant zenith]

ios 26 discord

[burnt lake]

I'm just taking advantage of it because you have to go to the profile to see it. so I don't see anything wrong with that I may be wrong

[green vine]

even ignoring vencord rules it's against discord tos

[burnt lake]

But it's not immediately obvious, right?
So I don't make anyone look at my profile.

[green vine]

you're making up rules the permit you to do wtv you want, that's not how this works lmao

[chilly knoll]

me when I can just
edit: idk if discord does anything about profile reports

[green vine]

yah that works I think

I just tell people usually bc if they don't know it fixes the issue faster

[chilly knoll]

true

[pure cairn]

how do I make something's background transparent, but not show the elements (in this case, text) below it?

for now I thought of using a pseudoelement with the same background image of my theme and clipping the overflowing parts outside the popout borders

but I don't know whether it's possible or just insane

[errant zenith]

probably the best solution to that

i mean im not an expert but thats what i would do at least

[green vine]

ah I know a theme that did that I think

it was ancient and was killed by the discord ui changes

black hole by monsterdev

https://github.com/monstrousdev/themes/blob/master/black-hole%2Fstyle.css

[tranquil whale]

what theme is this

[clear siren]

my own

an old version of it is here https://github.com/nvhhr/discordcss/blob/main/archive/flexible.theme.css in case you want to have a look

[tranquil whale]

I have better

[tranquil whale]

Astheticcord does not work for me?

[pure cairn]

Thanks

I'll give it a look later

[late lake]

Let me look what build of vendord are you on

which way are you injecting it/installing it? local, online or quickcss or client theme i have mine installed locally. idk if this has any effect but im on the canary build

[spring pewter]

Why is there so much blur

[late lake]

i love the taste

[spring pewter]

Stinky

[pure cairn]

I don't like that the chatbar is basically invisible compared to the other elements

Other than that, cozy

[dense depot]

anyone having this annoying 1px space above the buttons?

[pure cairn]

Yes

It's stock discord shit

[crimson skiff]

the padding is so obnoxious

i have all my windows set to 75% transparency, any less, ill go insane

[echo frost]

no. look at the scrollbars. and there's so many places that are just not rounded for some reason and make it look really bad

[tranquil whale]

tried equicord, vencord web and lightcord and I have it installed locally the one in ur github

looks like this on web

[dense depot]

[pure cairn]

it was going so well without my OCD waking up

and you decided to ruin the fun

[echo frost]

yw

[tranquil whale]

lol

[pure cairn]

the fix is as simple as

.base_c48ade {
  padding-top: 0px;
}```

[pure cairn]

Just noticed that discord also messed up the first row of the emoji picker

Amazing

[pure cairn]

nvm, one of my snippets did

[pure cairn]

.panels_c48ade {
  overflow: hidden;

  &::after {
    position: absolute;
    z-index: -2;
    top: -594px;
    left: -12px;
    content: "";
    width: 100vw;
    height: 100vh;
    background: center/cover var(--nvbgimg);
    filter: brightness(.2);
  }
}```
worked like a charm

[tidal heron]

anyone got a snippet that removes pronouns from profiles

purely coz this is a bit clustered

[echo frost]

make it line wrap

hiding pronouns wouldn't even fix it

[polar oyster]

hi, anyone have css to change color of unread channels?

[burnt sky]

i do this with the icons for unread and currently active channels

[polar oyster]

i prefer it to name to become red

like name of channel

[burnt sky]

@polar oyster

.containerDefault_c69b6d:not(.wrapper__2ea32) .modeUnreadImportant__2ea32 .name__2ea32 {
    color: red;
}

[echo frost]

you should probably close the brackets

[late lake]

what

Operating system are you on linux or windows maybe its not getting the right permissions

[echo frost]

are you ablle to use it on a clean instance?
I'd guess that it's something you have configured on your end that isn't in the repo

it does pretty much the same thing for me as it does for zap

[tranquil whale]

windows

[burnt sky]

thanks didn't notice that lol

[quasi yew]

does anyone know if there is a way to reduce scroll speed on discord?
I think the issue is that line size is larger on discord than other applications
im unsure if this is the right channel but i wouldnt be surprised if the easiest way to fix it is some custom css

if anyone answers pls ping me i dont check here often

[pure cairn]

jesus, what the hell happened

everything is so slow since the last update

[onyx mesa]

i thought so too but then i found that it's this

[pure cairn]

What the hell and where is that

[onyx mesa]

i rewrote my memberlist hover

cuz the membercount plugin updated

[pure cairn]

Bless

I went through a full devtools profiling trying to figure things out (failed miserably but shush, minor details)

[onyx mesa]

i need to use :has there, pretty sure

gotta approach it differently tho

[pure cairn]

Is that for the members in vc icon?

[onyx mesa]

it's for the offline members thingy, so the borders for it would change when the vc count is present

[pure cairn]

Hm

[onyx mesa]

it's the first solution i thought of

[pure cairn]

Is there no parent element you could use instead?

That holds all of them

I haven't looked at that code in a while

[onyx mesa]

it has changed a bit from last time i did this

will have to look into it

[pure cairn]

If it has a parent element it should be way easier

Without needing to use :has, just slap a border around that and call it a day

[real quarry]

fuck the new gradient
[only tested with Oldcord theme]css [class*="chatTypingGradientNotAtBottom_"] { display:none!important; } [class*="chatGradientBase_"] { display:none!important; }fuck the new gradient
[only tested with Oldcord theme]

[pure cairn]

that's nice

[onyx mesa]

might just try to wrap the parent

i think i tried last time but something was messed up

[marble monolith]

works kinda okay on Midnight but looks weird when someone is typing because my theme is translucent

[pure cairn]

It's crazy how a single :has plummeted the performance tbh

[pure cairn]

Oh, I think I know what

You're using an ::after pseudo on that for the icon in the collapsed sidebar

So it was probably inheriting the border as well

[marble monolith]

not to interrupt anything but does anyone here know of good resources to learn a bit more about CSS?

[pure cairn]

mdn and w3schools

https://html-css-js.com/ as well

[marble monolith]

noted, thanks!

[pure cairn]

And probably some videos on YouTube to learn hacks and alternative ways to solve your issues

[weak fiber]

I can't figure this out, none of the css I do even does anything lol

[pure cairn]

Can't really recommend any channel though since I haven't personally watched much stuff on it

[weak fiber]

turning off all of my quickcss seems to fix it, but disabling everything individually doesn't

[pure cairn]

Open devtools, select the element and check what stylings are being applied

Then on the top right corner of each styling you should see the file name and line that's affecting it

[weak fiber]

ohhh ok thx let me try fixing it

[pure cairn]

[weak fiber]

ok I've got whatever I send to be centered, but the message #channelname thing isn't ?

[pure cairn]

I believe it's either a pseudoelement or just something in the back

I don't remember its selector, but it's a separate thing from what you type

[weak fiber]

dang

oh found it

[pure cairn]

Nice

[weak fiber]

oh, no I didn't :(

eh, it's not a huge deal right now the text is centered and that's the more important part to me

[pure cairn]

https://cdn.discordapp.com/attachments/1228130315621371914/1288203353888915496/cat.gif

[weak fiber]

wait no I did

putting it in quickcss did nothing tho hmm

[pure cairn]

Maybe it's not specific enough so it gets overridden by other stylings

Try adding an !important to it

[weak fiber]

ok

did nothing D:

[pure cairn]

[weak fiber]

if I set it to the middle through the styles in the devtools editor thing it works until I send a message then it goes back up

[pure cairn]

Yeah because the element is rendered again after you've sent the message

So its styling resets

[weak fiber]

dang

[pure cairn]

Maybe try adding a parent element before it, or check if there are any unclosed snippets above it in the quickcss editor

[weak fiber]

okok

oh I think I did it

idk, this is all so weird lol

[pure cairn]

Always has been

[weak fiber]

I reloaded discord and now it's too far down instead

[pure cairn]

[weak fiber]

yay I did it :D

thank you for your help

[pure cairn]

Np

Now I wonder if moon found a workaround

[lofty sedge]

is there any Smart way to get the typing indicator down under the new text entry box? i just hastily gave it a top margin of 60 LMAO but that obviously breaks when your message is taller than even a single line

the selectors are div.typing_b88801.base_b88801.inTextChannel_b88801 and div.typing_b88801.base_b88801.stop-animation.inTextChannel_b88801 for the inactive version

[pure cairn]

Maybe if the parent element is set to display: flex you can add order: 2 to the typing element to have it below the input bar, but I don't have the code on my screen rn to check

Will have to wait a bit for that

[tidal heron]

for his profile maybe but theres others that have like quadruple the length of those pronouns for example. as for u saying do a line wrap idek how to do that

[lofty sedge]

im pretty sure it is display: flex, let me try that

[pure cairn]

The whole chatbar element, not just the input one

[onyx mesa]

  > .vc-membercount-container:nth-of-type(2):has(+ span + .vc-membercount-container) {
    border-radius: 0;
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    border-right: 0;
  }

what about this

[pure cairn]

It should be more performing than the other one

[onyx mesa]

it feels better

[pure cairn]

But still :has

[onyx mesa]

yeah

[haughty pumice]

.typing_b88801 {
    position: relative;
    height: 0;
}

.scrollerSpacer__36d07 {
height: 30px !important;
}

.typingDots_b88801, .cooldownWrapper_b21699  {
    margin-bottom: -25px;
}

.channelBottomBarArea_f75fb0 {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}

.chatTypingGradientNotAtBottom__36d07 {
    visibility: hidden;
}

[pure cairn]

[haughty pumice]

if y'all are trying to slap the texting indicator under the bar

immensely cursed margin-bottom: -25px; but it be like that sometimes

[onyx mesa]

i mean the snippet already has this

but these don't seem to mess with performance much

[pure cairn]

Thankfully

[lofty sedge]

i feel you

[onyx mesa]

i will try to fully rewrite the membercount plugin part

[lofty sedge]

ty lemme see

[tidal heron]

can anyone else not click on the server names for the drop down options?

[pure cairn]

I just noticed the amount

Also, you could add a slightly more specific selector to improve that performance

Even just &:has(> svg > path[d^"M20.97"])::after would work

That extra >

But since I don't think it's a direct child, you'd be better off having the full element tree written down lol

[oak plover]

weird pitch for membercount since it's on the bottom but if they're aligning the chat bar then why not

[onyx mesa]

yeah it's a pretty old code

[onyx mesa]

also figured this out without ":has"

> .vc-membercount-container[aria-label*="total"]:nth-last-child(4) {
                border-radius: 0;
                border-top: 1px solid var(--border-subtle);
                border-bottom: 1px solid var(--border-subtle);
                border-right: 0;
            }

[pure cairn]

Huge

[lofty sedge]

i was thinking more of putting it inside the text entry box but at the bottom, i managed to mess with what you sent and got it though

that being said, kind of epic vanilla(?) bug

[brazen quartz]

it's not a bug, it's aligned with the text field

[lofty sedge]

might just be the css injector fucking up but peep the bottom of the typing indicators

the last pixel or so is just randomly cut off

[brazen quartz]

o i c

[lofty sedge]

could totally just be quickcss tinkering related jank tho lemme ctrl+r

[onyx mesa]

maybe using a var for the icons would be less performance heavy than just repeating mask-image constantly

[echo frost]

for his profile it probably would work
but for others that have more badges etc. you should make all got those things be able to line wrap
I'm pretty sure you'd do that with display: flex on the parent element that contains all of them. You might need to add something else to make it flex in the right way?
But it looks like you got line wrap working?

[tidal heron]

i didnt change a wrap or anything thats just me clicking on that persons profile

its probably built in to the snippet for the profile revamp im using

[echo frost]

well then you shouldn't need to change anything

[devout cloak]

Anyone has a good Quick CSS snippet for this fuck ass Discord design flaw they made once again?

[echo frost]

it looks like it's already working

[echo frost]

which design flaw

[devout cloak]

The one where there's a huge gap here

[echo frost]

you can fix it
I intentionally added that to mine though. idk why you want to remove it

or wait

is it a margin that only shows if you're scrolled to the bottom?

or one that shows regardless

[ember basin]

Sorry to ping, but do you mind sharing the CSS snippet you used to achieve the centering? Having the same issue.

[weak fiber]

[class^=chat_] [class*=textArea_] {
    padding: 6px 0px 
}

this is what I did, it's probably really bad lol

[ember basin]

Worked well enough for me, thanks!

[onyx mesa]

do you think this is specific enough?

it actually has helped with performance quite a bit, will look into it a bit more later to try and optimize the snippet as much as possible

[errant zenith]

i quickly did this to the chatbar with css do yall think its any good 😭

[austere inlet]

it only shows when scrolled to the bottom

i think the server icons shrunk again

oh i discovered what the margin was for

gross

oh thats why it felt so wrong

they increased the size of the message bar and added a margin for the typing indicator

why

theres no way someone cares about that so much to change what already looks great

anyways time to wait for a css snippet that fixes this

thats actually what i was just now checking

what experiment would it be

[iron smelt]

Its going to get removed eventually

Especially since they pushed it to 100%

You might as well get used to it

You’re just delaying the inevitable

[austere inlet]

the experiment hopefully lasts long enough for someone to wizard code css for it

[harsh harbor]

i didn't even notice my chat bar was in a different position

[austere inlet]

i will die fighting

[harsh harbor]

see i take no notice of these things they're such small things to care about

[austere inlet]

they removed the larger guild size experiment unfortunately

im assuming they made the pfp size match the server icon size

[harsh harbor]

yeah it appears so

[austere inlet]

they didnt remove it, it just doesnt work with aligned chat input

[harsh harbor]

discord moment

[gray hull]

how can i fix this

[harsh harbor]

#🏥-vencord-support-🏥 message

[gray hull]

thats alr done

[harsh harbor]

describe your issue more clearly then

[gray hull]

theres space

like

how can i remove that space

when i click on it too, it doesnt work

[harsh harbor]

have a look through #🏥-vencord-support-🏥 and #🎨-theme-development i believe some css were posted and i think it may have been for this issue

shouldn't be too much scrolling, it was quite recent

[gray hull]

fixes it

[harsh harbor]

#🎨-theme-development message

potentially this?

[harsh harbor]

ah okay perfect

[gray hull]

how can i get the old + back?

this

on the very left

[harsh harbor]

i have no idea, haven't seen any css for that yet

[pure cairn]

Change fill color to the + icon, add a grey background with 100% border radius

Tweak it until it's like the old one

[harsh harbor]

tbh i think the new one looks fine

[pure cairn]

Imho it's a bit slim compared to the other icons on the input bar

[harsh harbor]

could be a bit thicker yeh but generally speaking it doesn't look awful

[pure cairn]

It's not bad, but it could be better yeah

[gray hull]

now theres just a gaping hole

bruh

[balmy gull]

bro why can't Discord just stick to sucking at one goddamn thing

also what happened to css snippets

[harsh harbor]

#🏥-vencord-support-🏥 message

[balmy gull]

i got it

[harsh harbor]

#🎨-css-snippets

[balmy gull]

oh

OH

wow ok i just dont have it enabled i am

💥

[fast otter]

ooh, this looks real nice

[harsh harbor]

per chance could you share the css for this?

[full rover]

dev://experiment/2025-05_align_chat_input

[dim bay]

css to fix the new update dropping when

this gap is so ugly same with the new profile thing so small

nvm just saw it

ok nice

just need the profile fix

[echo frost]

the fix for the profile modal revamp that was added multiple weeks ago?

[errant zenith]

yeah yeah ill just polish some stuff and i will :3

[harsh harbor]

thank you

[prisma lynx]

there was some changes made to the user area that breaks some things in #1354331484831354952, i'm gonna try dumping what i know here

i dont know what this is supposed to do, but it's causing a gap in the server list

[smoky belfry]

i hate discord...
they removed reaction frecency experiment... now i gotta figure out how i can get the old UI again

[prisma lynx]

nowhere in my quickcss either

[smoky belfry]

at least i have an image to base myself on there
#🎨-theme-development message

[prisma lynx]

done

[echo frost]

I made some css to revert it a while back

might be able to find it

[smoky belfry]

I'm actually reverting it rn

I fucking hate how discord keep misusing padding and margin

[echo frost]

@inland vessel set this to not eligible

[smoky belfry]

Why not set it to control btw

[prisma lynx]

OH

[smoky belfry]

Control is kinda the same as not eligible, but better

[prisma lynx]

that fixed everyuthing for me lmaooooo

[smoky belfry]

Because it will then show up when you use right click thingy on settings and go to experiment submenu

[prisma lynx]

does applying the attributes from the non-experiment panel when applied to the experimental look?

[echo frost]

why tf does the bottom-aligned chat input change the server icon size

[prisma lynx]

found it again

    margin-bottom: 0;
}```

[smoky belfry]

What

Please tell me this is a joke

[inland vessel]

THANK YOU!!

[echo frost]

turn this experiment on @smoky belfry

ig it could be conflicting with another experiment?

[smoky belfry]

I'm in F8 break rn fixing the fact frecency is force enabled, i'll do that right after

What does it gets set to ?

[echo frost]

?

[smoky belfry]

Like since it change the size what's the before and after

[echo frost]

Oh here's the frecency css i made (it's old. you can tell because it uses a lot of *=)

/* Revert frecency reaction message actions */
[class*=popoverReactionHoverBar_] {
  background-color: var(--background-primary);
  box-shadow: var(--elevation-stroke);
  border: none !important;
  padding: 0;
  border-radius: 4px;
  height: 32px;
  [class^=hoverBarButton_] {
    border-radius: 0;
    padding: 4px;

    &:hover [class*=icon_] {
      transform: none;
    }
    &:has(>div>.emoji):not(:nth-last-of-type(6)), +[class^=separator_] {
      display: none;
    }
  }
}

oh and has

[smoky belfry]

I'm doing smth kinda better i think

Not flexing or anything, i just think i'm more minimal

The fact i have many things in common tell me i'm doing things right

[echo frost]

you don't have to try very hard to make something better than that old css lmao

[smoky belfry]

I still have an ass has i want to get rid of, but i think it might be better ?

[echo frost]

what might be better

[smoky belfry]

Il doing has~ with the separator to yeet emojis

[smoky belfry]

Mmmmmm

They're making them smaller again...

[echo frost]

ok seems like it's just breaking the fast follows experiment that was making the server icons a not bad size

[smoky belfry]

What's the fast follows one lmao

[echo frost]

dev://experiment/2025-04_desktop_refresh_fast_follows

i use treatment 3

[smoky belfry]

i use 2 and fix the size painfully manually

[smoky belfry]

this is what i settled on

[class^=buttonsInner]
{
    border: unset;
    padding: unset;
    border-radius: 4px;
    > [class^=hoverBarButton]
    {
        padding: unset;
        height: 32px;
        width: 32px;
        border-radius: unset;
        &:has(~ [class^=separator])
        {
            display: none;
        }
        &:hover > [class^=icon]
        {
            transform: none;
        }
    }
    > [class^=separator]
    {
        display: none;
    }
}

[echo frost]

:has() 😭

[smoky belfry]

it's fine

[echo frost]

not really

there's a lot of elements it'll apply to

[smoky belfry]

otherwise i have to do nth of type

[echo frost]

every message

no

I know of a way

:not(separator ~ div) or something

[smoky belfry]

uh

i guess

not sure how it'd do less work

[echo frost]

i'm pretty sure it was way less laggy for me

:has() is super laggy in discord for some reason

[smoky belfry]

the has with smth like ~ or > is fine mostly

[echo frost]

wait why not do [aria-label^="Click to react"]

well probably just use Click to so it works with click to remove too

[smoky belfry]

💀 aria-label

[echo frost]

better than has

[smoky belfry]

get out of my sight smh

how do you dare

[smoky belfry]

french

aka aria-label is a nope

[echo frost]

so?

why can't you just do it in french

what is it in french

[smoky belfry]

because i sometimes switch back to english to show stuff

aria-label is banned from what i use

[rose orchid]

???

[rose orchid]

calls are just appearing like this now

[echo frost]

you could do both languages...

[rose orchid]

okay so it had to do with some css that i pasted into it earlier to fix the call timer

absolute cinema

[smoky belfry]

it's just incompatible

[smoky belfry]

i'd rather find a hack than use aria-label

[echo frost]

what's incompatible?

If I have to decide between aria-label and :has(), i'm using aria-label

[smoky belfry]

it doesn't work in every single language, which mean, i can't share it or use it in multiple language without hardcoding for every language
i'm sorry, but i'm better than pirate-software code

[echo frost]

yeah. don't hardcode every language

[smoky belfry]

also has is only laggy if what you give it to check is too wide

[echo frost]

just tell the person you share it with to change it to their language (:

[smoky belfry]

in this case, it's just fine

[smoky belfry]

:fool:

and what if i publish it as a theme

[echo frost]

for me, even :has(>something) is really laggy on something that appears a lot (like message actions)

[echo frost]

tell them to change it to their language

[smoky belfry]

🤣

never forget this
https://www.aartaka.me.eu.org/falsehoods-html

[smoky belfry]

the only css snippets where i allowed myself to use aria-label was this one due to the fact that it will be the same no matter the language
#🎨-css-snippets message

[errant zenith]

hey i have a question, im trying to make the new chatbar smaller but if i do it makes it scrollable lmfao

anyone knows how to make it not scrollable?

[smoky belfry]

this is the magic trick you're talking about, feel free to benchmark

[class^=buttonsInner]
{
    border: unset;
    padding: unset;
    box-shadow: var(--shadow-low) !important;
    border-radius: 4px;
    > [class^=hoverBarButton]
    {
        padding: unset;
        height: 32px;
        width: 32px;
        border-radius: unset;
        &:not([class^=separator] ~ &)
        {
            display: none;
        }
        &:hover > [class^=icon]
        {
            transform: none;
        }
    }
    > [class^=separator]
    {
        display: none;
    }
}

[echo frost]

why do you use ^= instead of class names

[errant zenith]

nvm i fixed

[smoky belfry]

because i post snippets and i don't wanna come and fix them every week

[errant zenith]

.channelTextArea_f75fb0 {
  border-radius: 20px !important;
  border-width: 2px;
  border-color: #ffffff0e;
  top: -1px;
}

 .scrollableContainer__74017 {
  background-color: #ffffff00 !important;
  margin-top: -10px !important;
  border-radius: 20px !important;
  border-width: 2px;
  overflow: hidden;
 }

.sansAttachButton__74017 {
  top: 3px;
}

.inner__74017 {
  top: 5px;
  margin-right: 10px;
}

[harsh harbor]

tysm <3

[errant zenith]

np :3

[smoky belfry]

if i want to fix the channels scrollbar being too big in the favorites server, i need to actually patch it with react right ? it's just the calculation at that level which is wrong ?

[echo frost]

i fixed it with css

I think I just used fit-content

[aria-label="Favorites (server)"] .content__99f8c {
  height: fit-content !important;
  margin-bottom: 8px;
}

[mint kiln]

im trying to remove this part only for the nameplate

i remember it being a thing on #🎨-css-snippets but i cant seem to find it

i saw the full removal of nameplate
but i want to keep the one here

    display: none;
}

.container__4bbc6.fadeIn__4bbc6 {
  animation: none !important;
  opacity: 1 !important;
  background: none !important;
}```

guess i did it

well not really

  display: none;
}

[class^="container"][class*="fadeIn"] {
  animation: none !important;
  opacity: 1 !important; /* if you want it visible immediately */
  background: none !important;
}```

this one should be it

[tranquil whale]

Can I get some help

could someone tell me why the chat bar goes up when clicking on a profile
https://raw.githubusercontent.com/Immortal473/Glitchcord/refs/heads/main/Glitchcord.css

Its my theme but my friend uses it more so its on his accout

[onyx mesa]

holy

wtf happened here

[plain kelp]

They moved typing bar to above input field

[gilded lintel]

yeah it looks ass

idk how to fix it

[plain kelp]

Well, the misaligned input bar and left panel have looked like ass for months

[onyx mesa]

i had everything aligned with css

but they broke everything

[runic ore]

Personally, I'm happy that they put it back up to the top!

[gilded lintel]

yeah

i dont mind it being at the top

[plain kelp]

They have to do something about the gap when there's no typing though

[gilded lintel]

its just that theres a massive gap

when no one is typing

yeah

[plain kelp]

Hope they don't do like slack where everything jumps up and down when someone starts typing

[onyx mesa]

but the chatbox is comically large now

[runic ore]

Yeah, they created their own problem and then found a "decent" solution, rather than a perfect solution.

[plain kelp]

Has the size even changed?

[runic ore]

Is it? It's actually smaller for me.

Or at least it looks a bit smaller to me...

[onyx mesa]

i had mine set much smaller, to match the height of the user panel

[runic ore]

Yeah

[crimson skiff]

wait holy shit this changes everything

[plain kelp]

Well you can hardly complain about discord breaking unsupported user styles

Or well, I guess you can complain, but I don't think it's justified

[onyx mesa]

i mean it's fine, i can just change it back

[crimson skiff]

i didnt know discord would do this, ill see if i can update my snippet to add the actual seamlessness

[onyx mesa]

but why is there a scrollwheel in the text area

and it scrolls

[plain kelp]

I don't see any scroll unless I put in enough newlines to cover half the screen

[gilded lintel]

same

[onyx mesa]

nvm i had some css left over

but now there's a gap at the top of the text area

[runic ore]

I'm not a fan of the new scaling of the user panel in the bottom left. My profile picture is now tiny, but the text is still big and the Mute, Deafen and Settings icons are really big and incredibly spaced out.

[gilded lintel]

yeah

[plain kelp]

Yeah the padding on that panel, and the input box, is insane

[runic ore]

It just screams "We don't know what we're doing"

[onyx mesa]

i will probably try to slim it down a bit

[crimson skiff]

okay, you know what, what the fuck

[gilded lintel]

wtf

[brazen quartz]

it was like that before too, remove the align-chat-input class from html

[vestal field]

guh another stupid thing to fix

[crimson skiff]

currently fixing my rscb snippet

[olive mulch]

these bros added a buggy laggy gradient that works as random wants

[tranquil whale]

what is the mic icon class name

[crimson skiff]

okay, made some fixes to my snippet, it should work as if it was pre-whatever-the-fuck-discord-did

[digital star]

Has anyone found a way to disable this stupid fog that I hate?

[crimson skiff]

.chatGradientBase__36d07 {
  display: none !important;
}

[mint kiln]

i cant seem to click the inbox, ? and vc toolbox but i can click the rest

i think i edited here

also not sure why the search bar and the seachbar is not lined up correctly

[onyx mesa]

reverted it to how it was before

just need to get rid of the gradient and that insane padding

[burnt lake]

Has anyone developed a solution for the navigation bar?

To restore the old one, because I'm having problems with the buttons being irregular since it's been removed.

[onyx mesa]

navigation bar?

[burnt lake]

yea @onyx mesa

[onyx mesa]

anyone else got broken tooltips on profile popout

hmmm... i think the snippet broke

not sure yet tho

[pure cairn]

they changed classes on threads/forum posts memberlists btw

so your snippet is partially broken rn

[onyx mesa]

yeah i fixed the broken parts

but holy shit everything is misaligned, what are they smoking

[pure cairn]

https://tenor.com/view/cat-cat-funny-cat-crack-gif-7013898312834152149

[onyx mesa]

i feel like i have to remove all the padding

and just readd all of them

[inland vessel]

i am struggling to find the css snippet that fixed this spacing between the typing area and messages. if anyone could send it, that'd be awesome

[cosmic vault]

me tooo

i managed to revert the text bar changes (except the new icon) but the typing indicator is a pain and so is the new random blank space

[limpid mirage]

what even did they change? I have css also changing it somewhere and it's in a mangled state right now

@inland vessel @cosmic vault check pins of #🏥-vencord-support-🏥

[inland vessel]

i love you

[limpid mirage]

love you too

[fair rivet]

I love myself

[limpid mirage]

this is the scroll bar in the main text channel area, does anyone know how to make it actually reach the bottom? I'm scrolled all the way down right now and it bothers me that it doesn't reach all the way, makes me think there's messages below that I'm not seeing

[cosmic vault]

pretty sure this issue is actually tied to the above

it doesnt occur on my theme and i disabled that experiment

[limpid mirage]

I've tried changing it before all of this happened too

[cosmic vault]

mine looks like this

[limpid mirage]

I also have something that changes the chat box to be at the bottom of the screen

[cosmic vault]

looks correctly positioned to me

[cosmic vault]

that could be it

[limpid mirage]

here's what mine looks like

[cosmic vault]

usually fucking with margins helps with that type of stuff

however my css ability is keep hitting it until it looks good

[limpid mirage]

the scroller element reaches even further than the chat area though, I don't even know what property to change

[cosmic vault]

as much as id like to help, beyond my knowledge so ig wait for someone else.
i spent like an hour on css on w3schools and thats my front end ability

[limpid mirage]

no problem lol

if someone has any ideas ping me

[crimson skiff]

yeah, thats a really funny thing they did

i had to do a margin bottom on it

[limpid mirage]

on the scroller itself?

[crimson skiff]

yes

ill push some final changes to my snippet

then squash them into one commit

[limpid mirage]

this is so dumb

.scroller__36d07 {
    margin-bottom: -24px;
    padding-bottom: 24px
}

[sour storm]

so at this point my highly edited version of SoftX is so buggy and broken that im thinking of straight up remaking it from scratch. for the most part it's just small visual tweaks from base discord, but for something like, say, recoloring every instance of hyperlink blue to red, do i just have to actually find every instance of hyperlink blue?

[sour storm]

for reference

[hasty dagger]

can someone help me fix that massive gap heres my quick css "[class*=expandedFolderIconWrapper__] {
svg {
width: 25px;
height: 25px;
margin-bottom: 1px;
}
}
.title_c38106 {
display: none !important
}
time[id^="message-timestamp"] {
color: #dddddd !important;
font-size: 0.85em !important;
}
.bar_c38106 {
background-color: #151619 !important;
border-bottom: none !important;
}
.container__4bbc6 {
background: linear-gradient(90deg,rgba(42, 123, 155, 0) 0%, rgba(237, 221, 83, 0) 100%) !important;
}
.videoContainer__4bbc6 {
mask-image: none !important;
}
.img__4bbc6 {
display: none;
}
.visual-refresh section.panels_c48ade {
left: calc(var(--custom-guild-list-width));
width: calc(100% - var(--custom-guild-list-width));
box-sizing: content-box;
bottom: 0;
border-radius: 0;
border-bottom: none;
border-right: none;

.actionButtons_e131a9 button {
padding: 0;
}
.activityPanel_c48ade {
border-radius: inherit;
}

/* GameActivityToggle Fix (delete if you don't use) /
/ .container__37e49>.buttons__37e49 {
gap: 2px;
}
.container__37e49>.avatarWrapper__37e49 {
min-width: 32px !important;
} /
}
nav.guilds_c48ade, #channels {
margin-bottom: 0 !important;
}
.sidebar_c48ade:after {
display: none;
}
/ BetterFolders fix (delete if you don't use) /
/ .vc-betterFolders-sidebar~section.panels_c48ade {
left: calc(var(--custom-guild-list-width)*2);
width: calc(100% - var(--custom-guild-list-width)*2) !important;
} */
.unread__629e4 {
display: flex;
justify-content: center;

.unreadBar__629e4 {
opacity: 1;
background-color: var(--background-surface-highest);
border: 1px solid var(--border-normal);
box-shadow: var(--shadow-high);
padding: 0px 8px;
color: var(--interactive-normal);

}
}"

also how do i make typing also down the bottom again

[echo frost]

turn off this experiment
dev://experiment/2025-05_align_chat_input

to fix both of them

[hasty dagger]

that messes up the plain folder icon plug in

some how idk why

but i need the plain folder icons

is there any other way?

[onyx mesa]

no, most elements will have variables for their colors, for example hyperlinks use "var(--text-link)"

so you would just change the color of --text-link and anything that uses that var would change color

[hoary stone]

Hello!
I'm working on a light mode theme (horrendous, I know) and I've noticed that a lot of bright colours such as role names are barely visible, does anyone have any idea on if there is any way to help with that through CSS?

[pure cairn]

You can add a
-webkit-filter: drop-shadow(0px 0px 1px black);
to the text components

[hoary stone]

I forgot about drop shadows, thank you!

[pure cairn]

[hasty dagger]

@echo frost

[echo frost]

what plugin?
a css snippet you mean?
I don't know how that could possibly be the case. The experiment was off a few days ago

Try the snippet in #🏥-vencord-support-🏥 pins though

[hasty dagger]

the experiment if i turn it off it messes up the plain folder plugin

[echo frost]

Oh yeah. forgot about that plugin

ig maybe the plugin was updated to work with the experiment

try the snippet in the pins of #🏥-vencord-support-🏥

[hasty dagger]

still large gap after adding that snippet

[dense depot]

how do you guys bring up inspect on discord app?

[oak plover]

Ctrl + Shift + I

[onyx mesa]

been optimizing my memberlist hover snippet

been going well but now i am stuck, don't think i can do more to optimize it

[worn bobcat]

Hello guys, first time asking here.
i don't know much about css but i have been modifying the Mica discord theme from Coolkie.
I've come across the new Shine theme from Blade, and i want to make my chat box floating like his and make the chat go behind it and make it blurred.

But I can neither figure out how to get the chat to go under it nor how to make it transparent and have the blur work.

Every time i apply blur on something it it blurs everything except the text, it just gives a glow around the text.

can anyone please help me.

this is the example of how the blur is working

[crimson skiff]

thats also an issue i face, i genuinely dont know whats wrong with the blur filter

[echo frost]

I'm pretty sure it's also not blurring the image right either
I'm not sure exactly why that happens but I think it has to do with opacity or filter effects or something

[inland vessel]

anyone have a css snippet to make these icons larger?

[burnt sky]

@inland vessel

/* Bigger Buttons */
.visual-refresh .button__74017,.buttonContents_e6e74f:not([class*="enabled__67645"]) {
    transform: scale(1.25) !important;
}
.visual-refresh .spriteContainer__04eed {
   transform: scale(1.1) !important;
}
.attachButtonPlus__0923f {
  transform: scale(1.25) !important;
}
.folderIconWrapper__48112 {
  transform: scale(1.50) !important;
}

adjust the scales to your liking

[hoary stone]

Anyone know how to disable those nitro profile overlays?
The animations that completely cover someone's profile when you open it

[burnt sky]

[class*="profileEffects__"] { display: none; }

[hoary stone]

Thanks a lot mate!
I wasn't able to find the class name since trying to use the element selector would immediately turn off the effects :')

[burnt sky]

np

[limpid tendon]

Where's a good place to start for learning how to make a theme?

[pure cairn]

Someone else's theme