overlay guild list | libVencore | Page 1

viral turtle Jul 12, 2025, 2:14 PM

#

im having to bruteforce it to work again for me.
i had to change certain things.
not sure why it wont work normally but it just wont
i could link what i did
theres a chance it doesnt work on vesktop so i could really easily link what i modifed

lucid sedge Jul 12, 2025, 2:15 PM

#

viral turtle im having to bruteforce it to work again for me. i had to change certain things....

i use vesktop. other css snippets may be cuasing breakage

viral turtle Jul 12, 2025, 2:15 PM

#

i had nothing else enabled

#

i disabled my theme, and all other snippets

#

and it resulted in the bar always being shown, and the tab not doing anything

#

it worked in reverse

#

see how its always present?

#

i had to change the thing to get it to work how you demonstrated it

#

this is all i changed

.itemsContainer_ef3116 {
  position: fixed;
  left: -64.425px; /*changed*/
  transition: all 0.3s;
  pointer-events: all;
  background-color: var(--background-base-lowest)!important;
  border-right: 1px solid var(--border-subtle);
}
.itemsContainer_ef3116::after {
  content: "→";
  width: 40px;
  height: 40px;
  font-size: 32px;
  position: absolute;
  align-content: center;
  text-align: center;
  top: 8px;
  left: 64.425px; /*Changed*/
  cursor: pointer;
  color: var(--button-secondary-text);
  background-color: var(--background-accent);
  z-index: 20;
  transition: all 0.3s;
  border-radius: 0px var(--radius-sm) var(--radius-sm) 0px;
}

and that seemed to solve my issue with it.
but once i did that, your snippet worked

#

im not sure why i had an issue

#

the main issue was, the server list wasnt hiding. so all i did was forced it backwards with left: -64.425px, then brought the tab back up with left: 64.425px; to reverse it.
OTHERWISE, you made a cool snippet, helps free up space onscreen.

viral turtle Jul 12, 2025, 3:16 PM

#

turns out those values only work with the "read all" plugin
63.992px for me works without the plugin

viscid zinc Jul 12, 2025, 4:41 PM

#

would there be a way to make this work with a horizontal list?

lucid sedge Jul 12, 2025, 4:42 PM

#

viscid zinc would there be a way to make this work with a horizontal list?

Yes, with hellish modification

lone summit Jul 12, 2025, 5:29 PM

#

viral turtle this is all i changed ```CSS .itemsContainer_ef3116 { position: fixed; left:...

So, basically, you have to remove exactly one character from the snippet and it would work w/o changing anything... and it's the \ in the line:

left: calc(0px \- var(--custom-guild-list-width));

lucid sedge Jul 12, 2025, 5:30 PM

#

lone summit So, basically, you have to remove exactly *one* character from the snippet and i...

Where the fuck do you keep finding slashes

lone summit Jul 12, 2025, 5:30 PM

#

It's literally in the snippet, LOL.

#

😆

lucid sedge Jul 12, 2025, 5:30 PM

#

NO???

lone summit Jul 12, 2025, 5:31 PM

#

Uuuh, yes...

#

#

It might be an issue on my side, but that's gonna be weird if it's only me.

sullen maple Jul 13, 2025, 12:04 AM

#

lone summit It might be an issue on my side, but that's gonna be weird if it's only me.

It's the same for me removing the \ made it work

ivory stump Jul 13, 2025, 1:56 AM

#

Does this for me (even without my theme disabled, but I enabled it to censor my server icons)

#

oh removing the \ sort of fixes it for me

#

but it still makes everything else not visible

#

.guilds_c48ade {
  position: fixed;
  z-index: 998;
  height: 100vh;
  overflow: visible;
  width: 0;
  background-color: rgb(0 0 0 / 0);
  pointer-events: none;
}

.guilds_c48ade:has(.itemsContainer_ef3116:hover) {
  background-color: rgb(0 0 0 / 0.25);
  pointer-events: all;
}

.itemsContainer_ef3116 {
  position: fixed;
  left: calc(0px - var(--custom-guild-list-width));
  transition: all 0.3s;
  pointer-events: all;
  background-color: var(--background-base-lowest)!important;
  border-right: 1px solid var(--border-subtle);
}

.itemsContainer_ef3116:hover {
  left: 0px;

  &::after {
    opacity: 0;
        left: 0px;
  }
}

.itemsContainer_ef3116::after {
  content: "→";
  width: 40px;
  height: 40px;
  font-size: 32px;
  position: absolute;
  align-content: center;
  text-align: center;
  top: 8px;
  left: calc(var(--custom-guild-list-width));
  cursor: pointer;
  color: var(--button-secondary-text);
  background-color: var(--background-accent);
  z-index: 20;
  transition: all 0.3s;
  border-radius: 0px var(--radius-sm) var(--radius-sm) 0px;
}

#

changing it to that fixes it for me

#

idk why you had the width: 100vw

#

and also why use height: 100vh instead of 100%

viral turtle Jul 13, 2025, 3:33 AM

#

really?

#

i made some personal modificatiosn to mine anyway

#

but omg that would help so much

ivory stump Jul 13, 2025, 4:02 AM

#

viral turtle but omg that would help so much

?

viral turtle Jul 13, 2025, 4:02 AM

#

oh that wasnt to u

#

srry forgot to reply

viral turtle Jul 13, 2025, 4:03 AM

#

lone summit So, basically, you have to remove exactly *one* character from the snippet and i...

tysm man

ivory stump Jul 13, 2025, 4:03 AM

#

ah

viral turtle Jul 13, 2025, 4:03 AM

#

yeah sorry for the confusion

ivory stump Jul 13, 2025, 4:03 AM

#

yeah I did that and one other change for it to work for me

viral turtle Jul 13, 2025, 4:07 AM

#

had to brute force this but i got it to work with the button version of read all

#

with my css snippit mashup thing it works occasionally, but not all the time
i have to keep switching between left: 7.5px and left: 12px depending on if i use the mashup or just those two edits

rare rover Jul 13, 2025, 8:37 AM

#

lucid sedge i use vesktop. other css snippets may be cuasing breakage

can i change the expand hitbox? i want to make it wider so i dont overshoot past the window with my cursor. It's annoying to fish for 3-4 pixels quickly

tepid mirage Jul 19, 2025, 4:02 PM

#

lucid sedge i use vesktop. other css snippets may be cuasing breakage

okay bro do you know how to change the padding of the server box? like if i could shift this to a bit right?

lucid sedge Jul 19, 2025, 4:16 PM

#

tepid mirage okay bro do you know how to change the padding of the server box? like if i coul...

#🎨-theme-development

valid trench Jul 22, 2025, 9:57 AM

#

any way to take this goofy little white dots?

viral turtle Jul 22, 2025, 10:12 AM

#

thats from channels isnt it?

valid trench Jul 22, 2025, 4:56 PM

#

viral turtle thats from channels isnt it?

yea those notification things but it would be clean if it didnt have that

#

any way to remove? @viral turtle

viral turtle Jul 22, 2025, 5:18 PM

#

so you dont know if you have notifications....?

#

why.... why would you want that???

#

quick css hol on

#

done

#

.unread__2ea32{
    display: none;    
}

#

happy days?
@valid trench

#

sure hope it hasnt borked something

#

doesnt get rid of the server indicators on the side though

#

but i think thats good

#

it still goes bold

#

doesnt displace things either which is good?

#

im not great with CSS, but... this is what you wanted?

#

because if so, then thats it

#

oh and incase the issue persists
this one removes the server indicators aswell
HOWEVER im not sure why you'd ever wanna remove the server indicators

#

.unread__2ea32, .pill_e5445c{
    display: none;    
}

valid trench Jul 22, 2025, 9:04 PM

#

@viral turtle mb bro i didnt see ur msgs 😭

valid trench Jul 22, 2025, 9:04 PM

#

viral turtle so you dont know if you have notifications....?

its not like that bc if there is a notification for me it will show the lil red circle

#

the white things can be a random message and even i use 1 server to speak nothing else

valid trench Jul 22, 2025, 9:05 PM

#

viral turtle ```CSS .unread__2ea32{ display: none; } ```

this works here for the channels

valid trench Jul 22, 2025, 9:06 PM

#

viral turtle ```CSS .unread__2ea32, .pill_e5445c{ display: none; } ```

ok yes this worked

#

u r amazing ik nothing abt coding u r very good pls dont go bald ❤️

viral turtle Jul 23, 2025, 12:08 AM

#

valid trench this works here for the channels

and that fixes your issue?

viral turtle Jul 23, 2025, 12:08 AM

#

valid trench its not like that bc if there is a notification for me it will show the lil red ...

thats if you get pinged

#

but aight

#

u do u man

#

hope that helps

viral turtle Jul 23, 2025, 12:09 AM

#

viral turtle ```CSS .unread__2ea32, .pill_e5445c{ display: none; } ```

this hides the server indicator and the channel indictor

#

but as a side effect because i dont know how to reverse engineer situational CSS, i dont know how to keep the current server indicator, but in the first image you sent, i can see its poking out, so... probably best it doesnt get readded?

valid trench Jul 23, 2025, 6:46 PM

#

@viral turtle bro sorry i dont see fucking messages 😭

#

uhh

valid trench Jul 23, 2025, 6:46 PM

#

viral turtle but as a side effect because i dont know how to reverse engineer situational CSS...

i dont understand bro

#

basically what i want is to remove just these that poke out here bc its useless and ugly. i mean i dont care if someone said hi in a minecraft discord server but i want to see the pings or the replies

#

which i think its working with .unread__2ea32, .pill_e5445c{ display: none; }

so thanks

rocky meteor Sep 30, 2025, 6:35 PM

#

@lucid sedge i believe this broke

#

lucid sedge Sep 30, 2025, 6:36 PM

#

rocky meteor <@1124341362955919371> i believe this broke

think discord switched to grid display, which is inconvient

rocky meteor Sep 30, 2025, 6:36 PM

#

rip

lucid sedge Sep 30, 2025, 6:38 PM

#

no wait

#

rahh discord keeps adding slashes to my -'s

#

@rocky meteor

.guilds_c48ade {
  position: fixed;
  z-index: 998;
  height: 100vh;
  overflow: visible;
  width: 100vw;
  background-color: rgb(0 0 0 / 0);
  pointer-events: none;
}

.guilds_c48ade:has(.itemsContainer_ef3116:hover) {
  background-color: rgb(0 0 0 / 0.25);
  pointer-events: all;
}



.itemsContainer_ef3116 {
  position: fixed;
  left: calc(0px - var(--custom-guild-list-width));
  transition: all 0.3s;
  pointer-events: all;
  background-color: var(--background-base-lowest)!important;
  border-right: 1px solid var(--border-subtle);
}

.itemsContainer_ef3116:hover {
  left: 0px;

  &::after {
    opacity: 0;
        left: 0px;
  }
}

.itemsContainer_ef3116::after {
  content: "→";
  width: 40px;
  height: 40px;
  font-size: 32px;
  position: absolute;
  align-content: center;
  text-align: center;
  top: 8px;
  left: calc(var(--custom-guild-list-width));
  cursor: pointer;
  color: var(--button-secondary-text);
  background-color: var(--background-accent);
  z-index: 20;
  transition: all 0.3s;
  border-radius: 0px var(--radius-sm) var(--radius-sm) 0px;
}