Simplified Panels Area | libVencore | Page 1

crystal obsidian May 19, 2025, 4:45 PM

#

hypothetically would it be possible to use ur snippet with this #🎨-css-snippets message

#

i will test it later but cant rn

patent pilot May 19, 2025, 4:51 PM

#

why is it so large

crystal obsidian May 19, 2025, 4:57 PM

#

chonky

paper nexus May 19, 2025, 5:13 PM

#

patent pilot why is it so large

Not sure, can you dm me the html structure so I can see what’s adding the space

patent pilot May 19, 2025, 5:16 PM

#

paper nexus Not sure, can you dm me the html structure so I can see what’s adding the space

the answer is .container__37e49 has additional padding from fast-follow

paper nexus May 19, 2025, 5:16 PM

#

Ah I see

patent pilot May 19, 2025, 5:16 PM

#

paper nexus May 19, 2025, 5:16 PM

#

I’ll tweak it a bit

paper nexus May 19, 2025, 5:48 PM

#

should be good now

crystal obsidian May 19, 2025, 6:13 PM

#

kinda works i guess

#

slow lagoon May 19, 2025, 6:31 PM

#

crystal obsidian

try to paste it above all css .. make it first css

crystal obsidian May 19, 2025, 6:47 PM

#

slow lagoon try to paste it above all css .. make it first css

its an import... ik it goes at the top

#

patent pilot May 19, 2025, 6:48 PM

#

crystal obsidian

remove the overflow:hidden

crystal obsidian May 19, 2025, 6:49 PM

#

patent pilot remove the overflow:hidden

no difference

patent pilot May 19, 2025, 6:49 PM

#

crystal obsidian no difference

skill issue, it works

crystal obsidian May 19, 2025, 6:50 PM

#

patent pilot skill issue, it works

im blind

#

theres 2 overflow: hidden

#

issue #2

patent pilot May 19, 2025, 7:16 PM

#

crystal obsidian issue #2

you removed too many of them

crystal obsidian May 19, 2025, 7:17 PM

#

patent pilot you removed too many of them

i removed the one at the top and the 2nd one thats it

patent pilot May 19, 2025, 7:17 PM

#

crystal obsidian i removed the one at the top and the 2nd one thats it

exactly, remove 1

crystal obsidian May 19, 2025, 7:18 PM

#

patent pilot exactly, remove 1

yea but then if it do that the buttons cut off

#

thats with only the 1st one

patent pilot May 19, 2025, 7:18 PM

#

crystal obsidian yea but then if it do that the buttons cut off

wrong one

crystal obsidian May 19, 2025, 7:19 PM

#

/* Expandable Userpanel */
.panels_c48ade {
 height: 58px;
 width: 58px!important;
 display: flex!important;
 flex-direction: column;
 overflow: hidden;
 transition: width 0.6s;
  z-index: 50000;
  pointer-events: all;
  border: 1px solid var(--border-subtle)!important;
 &:has(.container_e131a9) {
  background-color: var(--notice-background-positive);
  border: 1px solid var(--border-normal);
 }
}

.wrapper_e131a9 {
  height: 0;
  overflow: hidden;
   transition: height 0.6s;
}
.panels_c48ade:hover {
  width: 100%!important;
  width: 300px!important;
  height: auto!important;
  .wrapper_e131a9 {
    height: auto!important;
  }
}
.sidebar_c48ade {
  overflow: visible!important;
}
.container__2637a {
  padding-bottom: 0px!important;
}
.scroller__99e7c {
  margin-bottom: 0px!important;
}

.bottom__7aaec {
  bottom: 0px!important;
}```

#

thats it with nothing changed

#

with top and 2nd one removed

#

only 1st one

#

only 2nd one

#

/* Userpanel Fixes */
.visual-refresh .panel__5dec7 {
  display: none;
}```

#

i have this too but thats to fix this

meager skiff May 20, 2025, 11:43 AM

#

how can i put the voice channel status below my spotify controls

#

tropic oxide May 21, 2025, 12:30 AM

#

is there a way to make this work for the buttons on the spotify control panel?

paper nexus May 21, 2025, 5:10 AM

#

i could probably add a layout for it in the morning

tropic oxide May 21, 2025, 5:25 AM

#

thank you!!

cedar ether May 21, 2025, 11:39 AM

#

this is amazing, really great work

tropic oxide May 21, 2025, 8:20 PM

#

paper nexus i could probably add a layout for it in the morning

with collapsable panels css code, this is what the spotify player looks like

#

if there was a way to basically make all of the controls + timestamps (maybe? prolly not) go to the top right, that's be great

paper nexus May 21, 2025, 8:34 PM

#

yeah i could probably do something like that

tropic oxide May 21, 2025, 9:06 PM

#

peakkkk thank you!!

paper nexus May 21, 2025, 9:42 PM

#

came up with two variants, i'll probably use the second one though

tropic oxide May 21, 2025, 10:28 PM

#

YOOO thats so peak

#

I think the first one looks better, but up to you!!

paper nexus May 21, 2025, 10:31 PM

#

only reason i didn't go with the first one is cause of the weird text shift

tropic oxide May 21, 2025, 10:31 PM

#

ah alright

#

paper nexus May 21, 2025, 10:31 PM

#

if i could make it not do that i'd definitely reconsider it

tropic oxide May 21, 2025, 10:31 PM

#

welp i've gotta fix this

#

overflow

paper nexus May 21, 2025, 10:32 PM

#

seems like the player section itself uses overflow hidden for the album cover bg

tropic oxide May 21, 2025, 10:33 PM

#

peak got it working

paper nexus May 21, 2025, 10:33 PM

#

cool

inner quail May 21, 2025, 10:45 PM

#

tropic oxide peak got it working

how did you fix?

tropic oxide May 21, 2025, 10:51 PM

#

inner quail how did you fix?

do you have Fancy Spotify Controls?

inner quail May 21, 2025, 11:06 PM

#

tropic oxide do you have Fancy Spotify Controls?

yes

tropic oxide May 21, 2025, 11:10 PM

#

inner quail yes

#vc-spotify-player {
    --blur-amount: 4px; 
    --normal-bg-colour: var(--bg-overlay-floating, var(--background-base-low, var(--background-secondary-alt)));

    position: relative;
    background: linear-gradient(to bottom, transparent 0%, var(--normal-bg-colour) 100%) !important;
    overflow: hidden;
    transition: all 0.4s ease-out;
    > * {
      filter: drop-shadow(0 0 10px var(--normal-bg-colour));
    }
}```


remove the `overflow: hidden;` line

#

@inner quail

#

there's this issue where the three buttons for the profile remain visible even if I'm not hovering over them- this is only when using collapsable sidebars

#

it's this code:

.visual-refresh .panels_c48ade:hover [class^="container__"] [class^="buttons__"] {
 
   scale: 100%;
   opacity: 100%;
}```

#

there's this bug where there's a white bar in the back of the progress bar

tropic oxide May 21, 2025, 11:34 PM

#

tropic oxide there's this issue where the three buttons for the profile remain visible even i...

bug fixed! Just had to delete this code:



.visual-refresh [class^="panels_"] [class^="container__"] [class^="buttons__"] {

  opacity: 0%;
  scale: 0%; /* Because the buttons can't stay inside the panel on chromium (any help is appreciated) */
  transition-property: opacity, margin-bottom, scale;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.08s;
}

.visual-refresh .panels_c48ade:hover [class^="container__"] [class^="buttons__"] {
 
   scale: 100%;
   opacity: 100%;
}```

inner quail May 21, 2025, 11:40 PM

#

thanks!

copper sigil May 22, 2025, 11:56 AM

#

@paper nexus nice work way better than what i was doing prevously

copper sigil May 22, 2025, 11:44 PM

#

oh dav btw where i have that red dot activates the popout, if your in a DM call with video full screen you cant click the down arrow to reopen the chat

urban estuary May 23, 2025, 2:21 PM

#

would it be possible to make the spotify music player hover ui always show (not the default vencord one, this one, it's really pretty); maybe between the music player and user profile instead, like where the settings/mute/deafen buttons are when you hover. and then when you hover over your profile, it fades into the other menu?

fast pasture May 25, 2025, 2:35 AM

#

Hi, i'm having a problem. Both red icons appear when i'm just muted

tropic oxide May 25, 2025, 2:47 AM

#

fast pasture Hi, i'm having a problem. Both red icons appear when i'm just muted

doesnt happen for me

#

make sure your css is the original

fast pasture May 25, 2025, 3:02 AM

#

tropic oxide doesnt happen for me

it just fixed itself

#

thx for the suggestion tho

tropic oxide May 25, 2025, 3:14 AM

#

ofc, glad it resolved

paper nexus May 25, 2025, 3:53 AM

#

fast pasture Hi, i'm having a problem. Both red icons appear when i'm just muted

Yeah it was an issue with :nth-child it’s not really reliable anymore cause of all the random spans in the structure messing it up

paper nexus May 25, 2025, 3:54 AM

#

urban estuary would it be possible to make the spotify music player hover ui always show (not ...

Could possibly create an alternate design if you want

#

Should very much be possible

copper sigil May 25, 2025, 4:46 PM

#

yeah thats quite weird

paper nexus May 25, 2025, 5:14 PM

#

I figured that was gonna happen

#

I’ll change it when I’m home

copper sigil May 25, 2025, 6:12 PM

#

thanks for fixing it 🙂

safe brook Jun 4, 2025, 10:37 PM

#

chat im not experienced, why doesn't it work :(

#

oh the :root was fucking with it

copper sigil Jun 4, 2025, 11:55 PM

#

safe brook oh the :root was fucking with it

imports has to be at the top of the list

safe brook Jun 4, 2025, 11:56 PM

#

aight thanks :p

strong geode Jun 6, 2025, 8:06 AM

#

for me it doesn't work... is it because I have some plugins active?

patent pilot Jun 6, 2025, 8:07 AM

#

strong geode for me it doesn't work... is it because I have some plugins active?

Is the import at the top

strong geode Jun 6, 2025, 8:07 AM

#

yup

patent pilot Jun 6, 2025, 8:07 AM

#

Show me your quickcss

strong geode Jun 6, 2025, 8:08 AM

#

do I have to paste it all or a ss is enough?

patent pilot Jun 6, 2025, 8:08 AM

#

Ss enough

strong geode Jun 6, 2025, 8:09 AM

#

patent pilot Jun 6, 2025, 8:09 AM

#

Try removing the comment at the start

strong geode Jun 6, 2025, 8:10 AM

#

oop, you're right

#

typo error

#

// instead of /*

#

thx c:

strong geode Jun 6, 2025, 9:07 AM

#

I'll aske here as well... what do you think can cause the top corners to be like that...

patent pilot Jun 6, 2025, 9:07 AM

#

Other css

strong geode Jun 6, 2025, 9:08 AM

#

somewhere here?

#vc-spotify-player {
    --blur-amount: 4px; 
    --normal-bg-colour: var(--bg-overlay-floating, var(--background-base-low, var(--background-secondary-alt)));

    position: absolute;
    background: linear-gradient(to bottom, transparent 0%, var(--normal-bg-colour) 100%) !important;
    /*overflow: hidden;*/
    transition: all 0.4s ease-out;
    > * {
      filter: drop-shadow(0 0 10px var(--normal-bg-colour));
    }
    
}
#vc-spotify-player:hover {
    --blur-amount: 0px;
}
#vc-spotify-player::before,
#vc-spotify-player::after {
    z-index: -1;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.4s ease-out;
}
#vc-spotify-player::before {
    background: var(--vc-spotify-track-image);
    background-position: center; 
    background-size: cover;
    opacity: 0.5;
}
#vc-spotify-player:hover::before {
    opacity: 0.7;
}
#vc-spotify-player::after {
    backdrop-filter: blur(var(--blur-amount));
}
#vc-spotify-progress-bar > [class^="slider_"] > [class^="bar_"] > [class^="barFill_"] {
    background-color: white !important;
    background: var(--vc-spotify-track-image);
    background-size: 100px 100%;
    filter: blur(2px);
}

maiden shuttle Jun 13, 2025, 5:29 AM

#

any fix for cut off buttons?

paper nexus Jun 13, 2025, 11:51 AM

#

set panels overflow to visible

maiden shuttle Jun 13, 2025, 11:55 PM

#

paper nexus set panels overflow to visible

that works but doesnt work well with, #🎨-css-snippets message

patent pilot Jun 17, 2025, 2:41 PM

#

maiden shuttle that works but doesnt work well with, https://discord.com/channels/1015060230222...

As the person who made that snippet, that's your skill issue and yours to fix

tropic oxide Jun 20, 2025, 1:54 AM

#

why would you use that snippet when this snippet already does that

crystal obsidian Jun 21, 2025, 4:00 AM

#

tropic oxide why would you use that snippet when this snippet already does that

it doesnt tho

#

its hit or miss from what i can tell

#

for my friend it collapses the panel but for me it doesnt

#

even if i remove every other snippet and just use this snippet

#

still doesnt work

reef geode Jul 22, 2025, 9:28 AM

#

how do i just remove it or make it go up and not behind

tropic oxide Jul 22, 2025, 11:41 AM

#

tropic oxide bug fixed! Just had to delete this code: ```css .visual-refresh [class^="panel...

.

#

@reef geode

reef geode Jul 22, 2025, 5:00 PM

#

tropic oxide .

how? i just pasted this @import url(https://davart154.github.io/Themes/Snippets/Simplified%20Panel%20Area/SimplifiedPanelArea.css);

#

and it works just not for spotify

#

#

copper sigil Aug 27, 2025, 5:14 PM

#

wonder if its possible to put the vencord toolbox on that userpanel where the other buttons are

silver grail Aug 31, 2025, 10:19 AM

#

#

using collapsible sidebars and someeones code to fix a bug in it is breaking this

lyric sand Sep 27, 2025, 2:14 PM

#

the network icon is now pushed to the right

eternal hornet Oct 8, 2025, 3:49 PM

#

uhhh..

meager cosmos Oct 16, 2025, 2:46 PM

#

just some adjustments, looks sick

meager cosmos Oct 16, 2025, 2:47 PM

#

meager cosmos just some adjustments, looks sick

works with enablegameactivity plugin

sage anchor Oct 16, 2025, 5:58 PM

#

meager skiff

How to get this while playing a song? mines up way there

#

like the controls and thing

sage anchor Oct 16, 2025, 6:38 PM

#

meager cosmos just some adjustments, looks sick

How did you do that? may I get your help?

meager skiff Oct 17, 2025, 10:46 AM

#

sage anchor How to get this while playing a song? mines up way there

spotifycontrols

silver grail Oct 31, 2025, 7:24 AM

#

i think discord pushed a new update and i can now no longer access settings

#

or my css

#

chat am i cooked?

fathom trench Nov 1, 2025, 11:18 AM

#

silver grail i think discord pushed a new update and i can now no longer access settings

If u havent found the solution, click the Profile Panel and click Edit Profile. It will put you into the window setting

eternal hornet Nov 12, 2025, 3:43 PM

#

@paper nexus

paper nexus Nov 12, 2025, 3:45 PM

#

Hmm

#

Alr, I’ll see what I can do

eternal hornet Nov 14, 2025, 7:35 AM

#

paper nexus Alr, I’ll see what I can do

tropic oxide Nov 15, 2025, 3:21 AM

#

yo peak he fixed it

paper nexus Nov 15, 2025, 3:38 AM

#

I still need to fix the Spotify bar iirc i can get to that in the morning

eternal hornet Nov 23, 2025, 1:40 AM

#

wind oracle Dec 8, 2025, 5:32 PM

#

crystal obsidian

what is that css pack

crystal obsidian Dec 8, 2025, 5:33 PM

#

wind oracle what is that css pack

my own

wind oracle Dec 8, 2025, 5:35 PM

#

crystal obsidian my own

oh thats cool

wind oracle Dec 8, 2025, 5:35 PM

#

crystal obsidian my own

could you send a picture of how it looks in dms

crystal obsidian Dec 8, 2025, 5:36 PM

#

i dont use the exact one from that image anymore tho

wind oracle Dec 8, 2025, 5:36 PM

#

also could someone put the new code with all fixes here at the end cause everyone added something and im confused about what i have to do

wind oracle Dec 8, 2025, 5:36 PM

#

crystal obsidian i dont use the exact one from that image anymore tho

quite interesting

crystal obsidian Dec 8, 2025, 5:39 PM

#

its mostly the same just with some additions and reductions to make it run smoother

solid tusk Dec 16, 2025, 4:13 AM

#

i think its not working anymore, or are there any available solutions?

paper nexus Dec 16, 2025, 5:42 AM

#

solid tusk i think its not working anymore, or are there any available solutions?

classes got changed on ptb and canary, so if you're using it on stable it'll probably be broken for a little bit

eternal hornet Dec 17, 2025, 9:17 AM

#

@paper nexus uhh..

paper nexus Dec 17, 2025, 6:28 PM

#

Seems like they changed some variable names

eternal hornet Dec 18, 2025, 3:52 PM

#

paper nexus Seems like they changed some variable names

Thanks for your hard work, hope it can be fixed 🙏

soft flame Dec 23, 2025, 9:24 PM

#

i assume this is the same issue as the image above too?

#

or idk, i just dont want the buttons to be black. kinda hard to see 😭

soft flame Dec 23, 2025, 9:41 PM

#

nvm edited some of the code and fixed it

static cairn Dec 24, 2025, 5:03 PM

#

would be really nice if all the buttons just layed on top of everything like their own panels and just free'd up space for the profile and voice sections to look nicer

#

i dont really want to expand the channel list so its more usable

eternal hornet Dec 25, 2025, 12:01 AM

#

why am i still like this?

crystal obsidian Jan 25, 2026, 5:22 AM

#

📎 message.txt

#

this is the semi fixed version for anyone who wants it

#

iirc the video and screenshare buttons were just icons before

#

i think the spotify player is fine

#

theme devs: you will open the replace prompt in vscode or whatever you use. you will enable regex. you will put \.([_0-9a-f]{6})[0-9a-f]{10,11}-([A-Za-z0-9_\-]+) in and replace it with .$2_$1 and if this regex creates one goddamn problem i'm going to lose it

#

this is what fixed it for me

#

credit @patent pilot

crystal obsidian Jan 25, 2026, 5:47 AM

#

i put a pr thru for u @paper nexus it might need some tweaking however

crystal obsidian Jan 25, 2026, 6:19 AM

#

okay found one bug with it but this is dependant on how long the channel name is i believe

#

my proposal is either limit the amount of characters that can be shown at once or move the "Show Voice Users" to a different place

thorn marlin Jan 25, 2026, 7:20 PM

#

when I try to leave a call the buttons are cut off and will not select

paper nexus Jan 25, 2026, 8:08 PM

#

I’ll look into it

paper nexus Jan 25, 2026, 8:55 PM

#

crystal obsidian my proposal is either limit the amount of characters that can be shown at once o...

Yeah I’m probably gonna redo that entirely

fair shell Jan 27, 2026, 12:57 AM

#

is there a fix to the problem where the buttons are bright green

#

even after removing literally all of my snippets except for the import it still is there

crystal obsidian Jan 28, 2026, 9:13 PM

#

paper nexus Yeah I’m probably gonna redo that entirely

i like the redesign

crystal obsidian Feb 6, 2026, 8:33 PM

#

did u change the size of the userpanel?

paper nexus Feb 6, 2026, 9:27 PM

#

seems like something in the app itself changed so i'll have to fix it

crystal obsidian Feb 6, 2026, 9:47 PM

#

all gd

crystal obsidian Feb 25, 2026, 4:59 AM

#

paper nexus seems like something in the app itself changed so i'll have to fix it

any plans to fix this at all? bottom panel is still a bit smaller than the others

paper nexus Feb 25, 2026, 5:04 AM

#

seems like something with the padding, yeah i'll fix it

#

should be fixed, github will push it in a few minutes

#Simplified Panels Area