#Couve Profile Popouts

1 messages · Page 1 of 1 (latest)

mellow abyss
#

Adjusted the spacing for the status a bit, tomorrow i'll add an option to put some sort of background behind badges

mighty jay
#

ooh this is cuuute

mellow abyss
#

added that background for badges

#

this is with --badges-background: #00000050;

image.png
urban sage
#

I'd match the right buttons transparency tbh

mellow abyss
#

fair, i've updated the comment, the var is var(--redesign-button-overlay-alpha-background);

loud bloom
#

@mellow abyss btw this might be a good touch aswell for the profile

[class="userTagUsername__63ed3"] {
  display: none;
}```
image.png image.png
mellow abyss
#

mmmh but the big one is server nickname/display name and the small one is the actual username

#

i will mess with the layout at some point but i'm not gonna take that information away

tropic spire
#

the badge background seems to be bugged for me

image.png
mellow abyss
#

there's a lot wrong in this screenshot

#

your badge text is gone, your username is gone

#

your badges aren't centered

#

other than another theme interfering here idk, works for me

tropic spire
#

the thing to get rid of the username is just the thing preshyon posted

mellow abyss
#

@tropic spire

# 
.container__8061a { /* badges */
  position: relative;
  border: none;
  background: none;
  width: 100%;
}

this is what's breaking the badges

tropic spire
young thunder
#

and ok this doesnt look normal...

image.png
mellow abyss
#

yeah i think your theme might be interfering a bit

image.png
young thunder
# mellow abyss yeah i think your theme might be interfering a bit 
@import url('https://fonts.googleapis.com/css2?family=Iceberg:wght@400;500;600;700&display=swap');
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css');
@import url('https://discord-custom-covers.github.io/usrbg/dist/usrbg.css');
@import url('https://raw.githubusercontent.com/acheronx0577/Transparent-Quick-Switcher-Discord/main/Transparent%20Quick%20Switcher.css');
@import url("https://raw.githubusercontent.com/HeroOfDungeon/snippets/refs/heads/main/Less%20Animations.css");
@import url("https://raw.githubusercontent.com/Augenbl1ck/Discord-Styles/refs/heads/main/customStatusBubble.css");
/*@import url("https://raw.githubusercontent.com/Augenbl1ck/Discord-Styles/refs/heads/main/scrollablePopup.css");*/
@import url("https://raw.githubusercontent.com/Augenbl1ck/Discord-Styles/refs/heads/main/ABrecolor");
@import url("https://raw.githubusercontent.com/acheronx0577/Better-Compact-Command-Menu-With-Smooth-Transition/refs/heads/main/Better%20Compact%20Command%20Menu%20With%20Smooth%20Transition.css");
@import url("https://rinlovesyou.github.io/Couve/snippets/couve-profile-popout.css");

i did comment out the scrollable popup css idk what else to do

urban sage
young thunder
urban sage
#

Making the roles elements the same colors as the small circle inside them

#

I would send a screenshot but I still have to fix my popouts snippet

mellow abyss
#

discord actually does this by itself

#

one of your imports must be messing that up too

#

it's customStatusBubble and "Better-Compact-Command-Menu-With-Smooth-Transition" apparently

#

don't know why a command menu snippet is breaking those colors

#

customStatusBubble breaks the layout a bit, which yeah, makes sense

young thunder
young thunder
urban sage
mellow abyss
#

yeah seems like it

young thunder
mellow abyss
#

should talk to the developer of that snippet to not blankly change color vars (if that's what they actually do)

urban sage
#

^

cedar apex
#

You think you could make a version of this for the big profile thing (im to lazy to find the name :P )

urban sage
mellow abyss
urban sage
#

True

gray crag
#

isnt this exactly like a very old version of the discord profile?

mellow abyss
#

i don't know lol, i've been using discord since 2016 so maybe if they looked like that before that?

#

this is what profiles look like in the Couve theme

urban sage
#

With the old profiles, yes

#

Not the compact ones

#

I still haven't fixed my snippet yet, been too busy with irl stuff and work smh

#

I'll probably give it a look next week

tropic spire
#

any way i can hide pronouns perchance?

chilly briar
#

Hiya, just mentioning that this doesnt seem to work anymore

#

at least on a fresh install of vencord using the link from the top

loud bloom
chilly briar
#

huh sry didnt read that anywhere

floral plover
#

rin can u fix

#

dosent work

tight sentinel
#

Command error: Unknown command. Try 'dos p ...' or 'dos d'.

floral plover
weak harness
#

How do I get this working? I pasted both into the custom css window but nothing is happening

#

This idea is so peak I wish i knew anything about coding to fix it myself 😭

sacred violet
floral plover
#

on canary everythings braking

weak harness
weak harness
jagged steppe
#

@mellow abyss

floral plover
jagged steppe
jagged steppe
floral plover
jagged steppe
#

mhm

floral plover
#

need js

ivory elbow
#

oh. didnt knew someone had ported couve's profile popouts. i forgot how impactful was couve rly, apparently a lot of my own projects i do not end up appreciating its popularity or adoption

#

context: i was the original developer of couve, before someone took it over its development. trying my best to remember who haha

urban sage
#

Nyri4 probably (fixed)

kindred lintel
urban sage
#

If I didn't misspell their username

ivory elbow
kindred lintel
#

SHUSH

#

imma end u

ivory elbow
#

fr how did u find that i was typing here

kindred lintel
#

plugin that shows me where my friends are active

ivory elbow
#

ok then

urban sage
floral plover
#

the sad thing is that they dont really work anymore

#

the popups kinda broke

floral plover
#

@mellow abyss will u be fixing

mellow abyss
#

yep sorry for being away

#

fixed now

languid marlin
#

Huge

floral plover
gusty magnet
#

that doesn't look right does it

image.png
#

cries in usrbg + 3y3 profile gradients

urban sage
#

looks more like a new feature issue

#

aka that Game Collection thing messing stuff up badly

mellow abyss
#

looks fine to me

urban sage
#

that's a different popout tho

#

the one they sent is your popout you get by clicking on the user area in the bottom left

languid marlin
#

Oh yeah, I just clicked mine in the bottom left and it doesn't work properly there for me either. I even disabled my other theme stuff and it was still a little broken.

floral plover
languid marlin
#

I'm pretty sure everyone does. I think it's a bug with the code itself. To be fair it worked fine at one point but Discord changed it's code classes and fucked it up so not everything is gonna be fine out the gate.

mellow abyss
#

ooh yep you're right

#

my b

#

fixed

jagged steppe
#

Right, sometimes when I click on a profile. The PFP just disappears (example of it being normal, example of it disappearing)

image.png image.png
languid marlin
#

Mine disappears whenever I change my Status. For example: Going DND from Idle or Idle to Invisible.

mellow abyss
#

i have noticed that too sadly i'm not sure of the cause, i'll need a while to properly debug that

floral plover
#

seems to work for me

#

could there be a frosted glass version

#

like my vencord player

mellow abyss
#

this snippet only modifies the layout, it would be up to a theme to mess with the look of elements like that

floral plover
#

frosted style?

image.png
#

maybe?

image.png
urban sage
#

How much do you want to see? No

floral plover
#

IDK

#

oopsie

image.png
floral plover
urban sage
#

Definitely works as intended

floral plover
#

haha lol

#

so intended

image.png
urban sage
#

Cursed

floral plover
urban sage
#

That's so much worse than any of my first attempts at discord theming

floral plover
#

gonna fix it

urban sage
#

At least make the bottom section font the same as the other parts

floral plover
#

thats jsut my theme

#

gonna make it worse

urban sage
#

The uneven padding/margin is killing me already

floral plover
#

hehe lol

floral plover
#

its even worse now

image.png
safe forum
#

this broken or

languid marlin
#

Currently it is. I got mine partially working cause I slapped the raw code into the class updater

safe forum
#

i slap all my css there including this and it doesn't worked))

languid marlin
#

Did you slap the raw code in there or the import link?

safe forum
#

raw code

#

also its only broken for me my friends seems to worked lol imma copy it from them

mellow abyss
#

it'll take a while to fix everything, a lot of the theme broke here

#

oh well maybe not too bad

#

need to fix the status

#

alright give it a minute and it should be fine

languid marlin
#

The badges aren't in the correct spot. Other then that, it seems good

mellow abyss
#

wdym

floral plover
#

Just use a class updater

safe forum
#

nah i got it fixed for me now

languid marlin
#

Sorry for responding so late, I was asleep

mellow abyss
#

it's fine for me

#

maybe another theme messing with it?

languid marlin
#

Nah, I checked. Possibly be a plugin?

mellow abyss
#

i dunno

languid marlin
#

Wait

mellow abyss
languid marlin
#

Which are you checking?

#

Check the one in the bottom left

mellow abyss
#

ah okay

languid marlin
#

That's bugged. the ones on the right are fine

mellow abyss
#

i see

#

yep gimme a bit

languid marlin
#

Ye.

mellow abyss
#

should be good now

languid marlin
#

There we go. Thanks

#

All seems to be good now

#

Oh, The name and badges are on the same line but I can't tell if that's cause I have a theme on.

image.png
#

lemme check

mellow abyss
#

well it just kinda lays itself out based on the space it has

languid marlin
#

It is. That's odd

mellow abyss
#

so if another theme messes with the width that could happen i guess

languid marlin
#

Idk why that'd be the case. It worked fine with this theme before. I'll have to tweak it myself at some point. Seems like the issues with the snippet itself are gone

delicate parrot
#

Difference between my profile and yours, what's wrong with mine?

image.png image.png
#

Everyone's profile looks fine excluding my own

languid marlin
#

Is that from the bottom left?

#

It could be your theme messing with it.

#

I turned my theme off and kept this snippet in and it was fine.

#

I found the culprit with mine.

/* Collapsable Clan Tags */
[class*="chipletContainerInner"] > span > ._10651c5cfe637db6-tagText {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
  will-change: max-width, margin;
  transition: max-width 0.7s cubic-bezier(0.34, 1.56, 0.64, 1), 
              margin 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[class*="chipletContainerInner"]:hover > span > ._10651c5cfe637db6-tagText {
  max-width: 20ch;
  margin-right: .3ch;
  /* Prevents it from triggering if you just quickly mouseover :D */
  transition-delay: 0.08s;
}

[class*="chipletContainerInner"] > span > img._10651c5cfe637db6-badge {
  margin-right: 0;
  transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), 
              margin 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[class*="chipletContainerInner"]:hover > span > img._10651c5cfe637db6-badge {
  transform: rotateZ(360deg);
  margin-right: .6ch;
  /* Same as above transition delay */
  transition-delay: 0.08s;
}

[class*="chipletContainerInner"] {
  position: relative;
}

[class*="chipletContainerInner"]::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  pointer-events: none;
}```
#

This is why mine is off centered like that

#

I need to figure out a way for both of these to work. I like using both of these

#

They worked together before. I wonder why they no longer do

delicate parrot
#

I genuinely have no idea why it does that for me

mellow abyss
#

heads up a lot of the theme broke but i'm gonna wait for vencord to fix betterfolders before fully fixing it up

urban sage
#

They're already working on it

mellow abyss
#

yee i know they're usually pretty fast with this stuff

languid marlin
#

Already fixed as of a couple hours ago.

#

I took a crack at fixing this snippet but failed miserably

floral plover
languid marlin
#

The problem being I can't find the new classes