#THREAD NAME (OPTIONAL)

1 messages · Page 1 of 1 (latest)

cedar anvil
#

may i steal this for my theme?

weak sorrel
#

sure, go ahead

cedar anvil
#

nice thank you, also, i can see you only have one variable, as someone that has a variable list that looks like that, please add more

#

i love variables

weak sorrel
#

all the variables are tucked within my main theme trolley

cedar anvil
#

im gonna find you

weak sorrel
#

around 350 lines of variables

north urchin
#

theme with all pog snippets when

#

half my css is you at this point

weak sorrel
#

if you want the complete (Beta) theme then you can DM me

cedar anvil
weak sorrel
#

horror

cedar anvil
#

i gotta make it easy to use somehow, i cant just put all the things in one import, then you cant turn things off individually

north urchin
#

make a themesettings plugin kyujinkek

cedar anvil
north urchin
#

bettershitcord died a long time ago tbh

marsh hare
#

yes hi im stupid i can just copy this into custom css right

cedar anvil
#

i mean, ive used betterdiscord before, they had this little settings page for variables but when you have a picture encoded in base64 it just dies a horrible death

marsh hare
#

woei

#

ok thanks

gleaming cape
#

the big profile kinda reminds me of 2016 discord layout

#

love it

cedar anvil
#

i like it (yes ill move user reviews to the center {also you can click it to open the menu of reviews from others})

tranquil plover
#

I think usernames are not aligned and I don't know why

weak sorrel
#

shiggy theme

cedar anvil
#

its called shiggycord xd

tranquil plover
#

best theme

weak sorrel
#

discord best design

tranquil plover
#

thats weird

weak sorrel
#

I just noticed the right margin discord added

tranquil plover
#

why? what the hell

weak sorrel
#

discord's design team are doing their best

cedar anvil
#

got it :)

upper frigate
#

the modals look great

#

though I don't quite like the popouts

weak sorrel
#

which one is the modal though

#

I can't differentiate between them

upper frigate
#

big is modal

meager copper
#

i made it a bit more compact

.userPopoutOverlayBackground-3A0Pcz {
  margin-top: 6px;
  margin-bottom: 3px;
  margin-left: 2px;
  margin-right: 2px;
}
weak sorrel
#
.userPopoutOverlayBackground-3A0Pcz {
    margin: 0.5em 0
}

#

but I'd rather not use that line because I like the wide and cozy

sand thorn
#

@import url(https://seele1306.github.io/BetterProfiles/import.css);
Does this work in the browser version of the css sheet for vencord? Everytime i try to add a link like that it doesn't take and i have to add the actual css

weak sorrel
#

Did you put the <@&1118512943106101309>mport link at the top of your css?

sand thorn
acoustic vine
#

@weak sorrel quotes arent centered

weak sorrel
#

yeah that unfortunately is not possible

jagged glacier
#

is there a way to not force using white color to the "platform indicator" plugin?

cedar anvil
#

Wait how do you even quote?

jagged glacier
#

k ig gonna make myself a copy

cedar anvil
#

Or use mine :)

#

Shameless advertising woo

jagged glacier
#

where

cedar anvil
#

@import url(https://raw.githubusercontent.com/xdCoolesding/shiggycord/main/Addons/userprofiles.css);

jagged glacier
cedar anvil
#

Slightly altered though

#

You can see others reviews by clicking on User Reviews (also, keep the variable)

#

Also, it might suddenly not work for no reason or it might suddenly break, just wait an hour or so and it should be fixed, if not, ask me

cedar anvil
#

Valorant players aren't accepted as humans in my eyes, so no

acoustic vine
#

i mean

#

the server icon

#

when using custom bio (nitro)

cedar anvil
#

i can try doing something about it, but i dont see it on your profile

acoustic vine
#

ok example here

cedar anvil
#

wait one sec, discords stupid way to do profiles broke it lol

#

thats what i did for now, im gonna check if i can make it smaller

#

uwu

#

yep, works flawlessly

weak sorrel
weak sorrel
#

you're way better at me than handling this

cedar anvil
#

:3

#

when you see something broken and you know what you did but you dont remember in which file you have it ._.

#

wait wrong thread

#

doesnt matter

weak sorrel
#

I'm not on PC rn so can't fix

cedar anvil
weak sorrel
#

whar

cedar anvil
cedar anvil
weak sorrel
#

how is that supposed to equal a flirt 😭

cedar anvil
#

shouldnt it be "you're way better at handling this than me"?

weak sorrel
#

oh shit

#

bad english

cedar anvil
#

welcome to life

weak sorrel
#

welcome to

#

english ain't my first lang

cedar anvil
#

me neither

cedar anvil
#

might even take two lines, or three if im really unlucky

marsh hare
#

oh its polugin

#

not disrd

jagged glacier
acoustic vine
weak sorrel
#

@cedar anvil real

meager copper
weak sorrel
#

A full-ish profile should look like this on my soon-to-be™️ theme

final cosmos
#

very nice :333

#

doesn't improve accessibility though

weak sorrel
#

(text link color is not touched)

#

jk I probably may put it to yellow or something

final cosmos
#

oops forgot to respond to myself

#

🫠

#

it's also present in vanilla iirc

#

i just had a theory that the panels may have been more opaque therefore making the text easier to read

weak sorrel
#

a bit brighter?

weak sorrel
final cosmos
#

:o

#

yeah

#

it was probably my fault for having a #FF00FF profile at one point

#

oh, also "night light" or whatever made it really painful to read xd

weak sorrel
#

--background-modifier and --text-normal my beloved

weak sorrel
#

update new github import link

mental escarp
#

is it possible to extend this a bit so it doesnt look too adjacent?

#

(awesome snippet btw, loved it ily)

#

actually not extend the thing itself but moving buttons 2-3px up would be great imo

#
.tabBar-2hXqzU {margin-bottom: 8px;}

if anyone ever needs it

cedar anvil
#

@weak sorrel you should tackle the selection thingies on the profile for mutual servers and stuff :3

weak sorrel
#

the what

#

these ones?

#

oh wait I haven't pushed the new changes I made yesterday

#

not until I have found a way to center those grids

cedar anvil
#

yeah those

weak sorrel
#
.tabBar-2hXqzU {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.5em;
    margin-bottom: 1em;
}
.top-Ktfr_T .item-2GWPIy {
    border: none;
    background: var(--background-modifier-accent);
    border-radius: var(--modular-border-radius);
    padding: 0.125em 0.25em;
    font-weight: 600;
    text-align: center;
}
.userInfoSection-2u2hir+.userInfoSection-2u2hir, .tabBarContainer-sCZC4w, .top-Ktfr_T .themed-qqoYp3.item-2GWPIy:hover {
    border: none
}
#

i currently have that

#

you might wanna change the variables back to fixed values for testing

#

||(this thread is gonna be the second coming of the spotify wave legacy)||

cedar anvil
#

yee

#

i like your idea, though i think its very unsatisfying how the tabs arent centered

weak sorrel
#

I don't know how to ...

cedar anvil
#

i cant really look into it rn gotta kill people in skywars

#

probs justify content

weak sorrel
#

rather unholy but i changed from grid to flex

cedar anvil
#

oof

#

try making them the same size haha

#

send the code please

weak sorrel
#

cant

#

not fitting for here

cedar anvil
#

true

young remnant
#

@weak sorrel

#

The thingy is weird

weak sorrel
#

whar i thought it got fixed ages ago

young remnant
#

Also for some reason this thing is white

weak sorrel
#

yes

#

it was done on purpose

young remnant
#

Is there a way to change it?

weak sorrel
#

Copy the source code to your QuickCSS and remove these lines:

.vc-platform-indicator>svg {
    fill: hsl(var(--primary-200-hsl)/1) !important
}
.theme-light .vc-platform-indicator>svg {
    fill: hsl(var(--primary-600-hsl)/1) !important
}
young remnant
#

Thanks

#

Wait

#

The icons are all really small

#

Wait

#

That is just all of the badges

weak sorrel
#

they are small to fit in with the badges

#

well if you absolutely want the vanilla ones to return:

:is(.membersWrap-3NUR2t, .privateChannels-oVe7HL) .vc-platform-indicator>svg {
    width: 12.5px !important;
    height: 12.5px !important;
    margin-left: 0px;
    margin-right: 0px
}
#

remove these lines as well

young remnant
#

Thank you

#

You are a cool

cedar anvil
#

bigshig

tranquil plover
#

I don't think this is supposed to happen

weak sorrel
#

still works as normal for me

#

Is it caused by something else in your quickcss?

tranquil plover
#

nope, I tried that, and I don't have any themes

weak sorrel
#

probably a bug, because I can't seem to replicate it

weak sorrel
#

Update to v2.0

cedar anvil
#

Dam, v2 already

weak sorrel
#

v1 -> v2 trolley

young remnant
#

This is all I see

weak sorrel
#

Yeah that's the purpose

#

I don't like to see my profile over there, too much clutter

young remnant
#

Also sorry if I am being annoying

weak sorrel
#
.userPopoutInner-nv9Y92:has(#account) > *:not(:has(#account)), .userPopoutOverlayBackground-3A0Pcz:has(#account) > *:not(#account), 
.accountProfilePopoutWrapper-3GskID .section-28YDOf {
    display: none;
}
.accountProfilePopoutWrapper-3GskID [class*=userProfileOuter-] [class*=userProfileInner-] {
    width: 60%;
    border-radius: 8px;
}
.accountProfilePopoutWrapper-3GskID [class*=userProfileOuter-] {
    margin-right: -136px;
}
.userPopoutOverlayBackground-3A0Pcz:has(#account) {
      margin: 0;
}
young remnant
weak sorrel
#

its supposed to return to normal

young remnant
#

Oh?

#

Did I do something wrong?

weak sorrel
#

might be, if you remove those exact elements it should be fine

young remnant
#

How do I get?

#

Please

tranquil plover
#

use radial status

young remnant
#

That a plugin?

#

Nvm

young remnant
#

I can't find it

#

Nvm

young remnant
#

They are on DnD

tranquil plover
# young remnant

uh idk why that happens honestly, maybe its because of the mobile status color, look on the theme file I guess

#

or if you already have platform indicators, that is useless, so you can remove it with the line at the bottom

young remnant
#

The status is still wrong

tranquil plover
#

I don't remember having those problems before, so idk what its causing it, unless there is something missing

young remnant
tranquil plover
#

oh right, idk how to change that

cedar anvil
#

I got a fix

#

The hero of the village

#

uhh

#

bruh discord mobile

#

oh it was my message split plugin, oops

#

Tell me if something doesn't work, it's a modified version of radial status which removes the phone feature entirely because vencord is better

#

And it should fix everyone being shown as online as well as phone users being shown as online

rough jetty
#

i dont like the way this looks

rough jetty
#

@weak sorrel also changing the color of it doesnt work, its stuck on purple

weak sorrel
#

Fixed

#

to change color look at the import again

#

pick your desired colour from the test color and copy the values to the accent variable

rough jetty
#

these colors should be the same

weak sorrel
#

What

#

They already look the same

rough jetty
#

theyre not

#

hang on

weak sorrel
#

they are

#

one is selected and one is not

rough jetty
#

on hover user info is #61a6b7 and the text is #aef0ff

weak sorrel
#

Text is white

rough jetty
#

no im reffering to the discord member since text

weak sorrel
#

The accent color only changes the background

rough jetty
#

i know

weak sorrel
#

Ah

#

It's affected by the accent color

rough jetty
#

i changed the accept color to the same thing as the hex

#

accent*

weak sorrel
#

That's your choice

rough jetty
#

the color of the user info button does not match the discord member since text

weak sorrel
#

Because it isn't supposed to

#

If you want to you could look inside the code and change member since to white

rough jetty
#

the member since text is from my theme

#

im trying to match the button color to my accent color on my theme

weak sorrel
#

mine uses hsl

#

yours uses hex

rough jetty
#

so if i convert the hex to hsl

weak sorrel
#

Try to figure that out first

rough jetty
#

shouldnt the color be the same?

#

cause everything works fine

weak sorrel
#

It should

rough jetty
#

theres no issues

#

i just showed you it doesnt, my theme isnt conflicting

#

all i have loaded is your css and my color vars

weak sorrel
#

I know why it happens

#

transparency

#

Default transparency is 25%

#

And once an element is selected it is bumped up to around 70%

#

Which will produce a different color

#

Same tone, different transparency

#

So it might appear slightly different to you

merry musk
#

my better profiles's height is quite small i dont know the reason

weak sorrel
#

I reduced the max height, but it shouldn't be THAT short

merry musk
#

any way to fix it?
like give you the css?

weak sorrel
#

Could be one of your snippets

merry musk
cedar anvil
#

try checking what theming applies by opening your devtools

merry musk
#

how can i do it

cedar anvil
#

open your devtools using ctrl shift i

#

it will first Show you a list of all the elements that make up your page

#

you'll click on the top left of that panel onto the arrow with the box (it looks weirder on vesktop)

#

then you can select an object from that list by clicking on it in the discord app

#

you'll click on an open profile, best would be when hovering somewhere that makes the biggest rectangle that still only includes that profile

merry musk
#

hmmm something like this?

#

its part of the code of the profile

cedar anvil
#

oh sorry I went to do something, uh yeah that seems to be the area

#

oh I forgot it's nested for no reason

#

click on the userpopoutouter object and it will show you a list of different css properties that apply to it below the list you just looked at

merry musk
cedar anvil
#

wait I'll open it on my computer and tell you to click what objects

#

actually, I'll see if I can reproduce the issue

cedar anvil
#

yup got the same thing

#

it should overwrite the line that aoi put in that limits the height of the profile

merry musk
#

it worksWHAT

cedar anvil
#

enjoy :P

merry musk
#

thanks

cedar anvil
#

and i gotta have a little talk with aoi

vague path
#

Is this broken rn?

weak sorrel
#

Yes.

#

I have it updated in my main theme but too lazy to port it to snippets for now

weak sorrel
#

Updated

merry musk
#

just broke again

cedar anvil
#

@weak sorrel love

weak sorrel
merry musk
#

i dont think lol

weak sorrel
#

did you load the newest version

merry musk
#

how can i load it, i only restart dc instead

weak sorrel
#

this is the new one

#

import the raw file from it

merry musk
#

ah, it works

weak sorrel
#

All my snippets will only be updated in the repo for the time being

#

GitHub pages had some issues with me

merry musk
#

just a check
is the name not at the center a bug or a feature

weak sorrel
#

Discord shitcode moment

cedar anvil
#

aoi sucks at css trolley

weak sorrel
#

yep

#

ain't my full time job