#🎨-theme-development | libVencore | Page 19

deep bane Jan 11, 2024, 4:26 PM

#

i agree my control, c and v keys need to get it too

terse dew Jan 11, 2024, 4:26 PM

#

The deserves an admin role.

#

I think having some time of opacity animation could be nice, let me learn how to make it

deep bane Jan 11, 2024, 4:30 PM

#

wdym

terse dew Jan 11, 2024, 4:37 PM

#

deep bane wdym

Like, make it ease in and out when hovering

#

instead of instant

deep bane Jan 11, 2024, 4:37 PM

#

the hover glow or text

terse dew Jan 11, 2024, 4:37 PM

#

both

#

but I am not really interested in doing it anymore

#

thought about it

#

might cause some delay

deep bane Jan 11, 2024, 4:38 PM

#

it doesnt add any delay

#

besides

#

im already working on it

terse dew Jan 11, 2024, 4:38 PM

#

Do you have a github account

deep bane Jan 11, 2024, 4:39 PM

#

youre making a css snippet for connections and dont bother checking them when you ask me about my github account

terse dew Jan 11, 2024, 4:40 PM

#

deep bane youre making a css snippet for connections and dont bother checking them when yo...

It is called having a lack in smart. and an overflow in stupid.

#

at this rate, you can pretty much consider the work yours, you made too many contributions, actually I think I only came up with the idea, didn't even do that much tbh

deep bane Jan 11, 2024, 4:47 PM

#

pretty messy way to do it but atleast it works

📎 message.txt

terse dew Jan 11, 2024, 4:50 PM

#

deep bane pretty messy way to do it but atleast it works

Try adding the text too so both are effected in the same time ```css
.connectedAccountContainer__23f00, .connectedAccountContainer__23f00 .connectedAccountNameText__00810 {
transition: all 0.25s ease;
}

#

oh wait

#

you did above

deep bane Jan 11, 2024, 4:51 PM

#

YesYes

terse dew Jan 11, 2024, 4:51 PM

#

Don't pay attention to this

#

time to commit plagarism.

deep bane Jan 11, 2024, 5:09 PM

#

Could anyone help me make the background clip into the text?

.connectedAccountContainer__23f00:hover .connectedAccountNameText__00810 {
  color: rgb(255, 0, 0);
  background-image: linear-gradient(to right, rgb(255, 0, 0), rgb(255, 127, 0), rgb(255, 255, 0), rgb(127, 255, 0), rgb(0, 255, 0), rgb(0, 255, 127), rgb(0, 255, 255), rgb(0, 127, 255), rgb(0, 0, 255), rgb(127, 0, 255), rgb(255, 0, 255), rgb(255, 0, 127));
  background-size: 5vw 100%;
  animation: fadeIn 0.25s ease, rainbowText 15s linear infinite 0.25s;
}

.connectedAccountContainer__23f00 .connectedAccountNameText__00810 {
  color: white;
  transition: all 0.5s ease;
}

@keyframes fadeIn {
  0% {
    color: white;
  }

  100% {
    color: red;
  }
}

@keyframes rainbowText {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

clear siren Jan 11, 2024, 5:14 PM

#

like this?

teal cave Jan 11, 2024, 5:46 PM

#

One of these days I'm going to make a shorthand generator for background because I keep forgetting what order to write it in

deep bane Jan 11, 2024, 7:51 PM

#

clear siren like this?

yes like that

deep bane Jan 11, 2024, 8:25 PM

#

deep bane yes like that

but preferably only 2 colors visible at a time

#

or "1.5"

summer adder Jan 12, 2024, 12:37 AM

#

teal cave One of these days I'm going to make a shorthand generator for `background` becau...

its not that hard to tell between the two

#

background changes the color or bg image, even if theres image content it will cover over it

#

background-color sets the color of the background, without covering image content

dark dragon Jan 12, 2024, 2:22 AM

#

teal cave One of these days I'm going to make a shorthand generator for `background` becau...

Order doesn't matter on that one, does it?

grand surge Jan 12, 2024, 4:05 AM

#

hi, i want to make a css snippet to automatically remove the spoiler thing on images, does it alrdy exist?

summer adder Jan 12, 2024, 4:16 AM

#

.spoilerWarning_d02e2d.obscureWarning_f6d53e {display: none;}
:root {
    --custom-message-attachment-spoiler-blur-radius: 0px
}```

grand surge Jan 12, 2024, 4:16 AM

#

thank you

rugged echo Jan 12, 2024, 4:21 AM

#

you can also disable spoiler by going into "text & images" at the bottom

#

unless you want to keep the spoiler text, I think

supple lodge Jan 12, 2024, 5:03 AM

#

hi everyone, I have no knowledge in css, and I wanted to reproduce this, seen in "Zelk" theme.
(https://betterdiscord.app/theme/Zelk)
Can anyone help me please?

deft niche Jan 12, 2024, 5:08 AM

#

what exactly are you trying to reproduce

#

also can you not just look at the code for it in zelk?

supple lodge Jan 12, 2024, 5:09 AM

#

deft niche also can you not just look at the code for it in zelk?

I tried to, but idk css really well, and there is @ import. sorry i'm very lost in all of that

deft niche Jan 12, 2024, 5:09 AM

#

bottom line is if you dont know css then dont try to work with css

#

go learn yeah

supple lodge Jan 12, 2024, 5:09 AM

#

not really helping :/

deft niche Jan 12, 2024, 5:10 AM

#

goober

supple lodge Jan 12, 2024, 5:11 AM

#

ok..

vestal field Jan 12, 2024, 5:26 AM

#

supple lodge hi everyone, I have no knowledge in css, and I wanted to reproduce this, seen in...

reproduce what...

supple lodge Jan 12, 2024, 5:27 AM

#

vestal field reproduce what...

for the second picture, when you click on the user, you only see roles, and that's it

vestal field Jan 12, 2024, 5:28 AM

#

supple lodge for the second picture, when you click on the user, you only see roles, and that...

so just hide everything except roles?

supple lodge Jan 12, 2024, 5:28 AM

#

yes

#

and for the first picture, centering the "user info, activity, etc" and showing them as buttons, (like a button outline, instead of underline them)

vestal field Jan 12, 2024, 5:32 AM

#

supple lodge for the second picture, when you click on the user, you only see roles, and that...

this is relatively simple

.scroller__83262 > div {
    display: none !important;
}
.scroller__83262 > div:nth-child(4) {
    display: block !important;
    padding-bottom: 10px;
}```

supple lodge Jan 12, 2024, 5:34 AM

#

vestal field this is relatively simple ```css .scroller__83262 > div { display: none !im...

thank you!

vestal field Jan 12, 2024, 5:39 AM

#

supple lodge and for the first picture, centering the "user info, activity, etc" and showing ...

.tabBarContainer__63f55 {
    border: none;
}
.top__592a7 {
    gap: 20px;
}
.item__48dda {
    border: none !important;
    padding: 8px 20px;
    border-radius: 10px;
    height: auto;
}
.theme-dark .item__48dda.selected__5711d {
    background-color: rgba(255, 255, 255, 0.1);
}
.theme-light .item__48dda.selected__5711d {
    background-color: rgba(0, 0, 0, 0.1);
}```

supple lodge Jan 12, 2024, 5:43 AM

#

vestal field ```css .tabBarContainer__63f55 { border: none; } .top__592a7 { gap: 20px...

works fine thank you, and how do I center it?

vestal field Jan 12, 2024, 5:59 AM

#

supple lodge works fine thank you, and how do I center it?

add justify-content: center; under .top__592a7 {

supple lodge Jan 12, 2024, 6:00 AM

#

vestal field add `justify-content: center;` under `.top__592a7 {`

Thanks a lot

clear siren Jan 12, 2024, 6:35 AM

#

deep bane yes like that

just add -webkit-text-fill-color: transparent; -webkit-background-clip: text; to your text, you can figure out the rest

terse dew Jan 12, 2024, 8:37 AM

#

This channel is more and more becoming CSS support.
||I have no problem with that||

grand surge Jan 12, 2024, 8:37 AM

#

https://cdn.discordapp.com/emojis/1024751317526249582.gif?size=64&name=AWESOME&quality=lossless

atomic tundra Jan 12, 2024, 10:47 AM

#

yo, i hope is possible to remove the emotes constraint that discord set on the client or to customize it

#

i had a css but i lost it

clear siren Jan 12, 2024, 10:47 AM

#

so what do you mean by emote scaling

#

you mean the big emotes like this

#

blobcatcozy

atomic tundra Jan 12, 2024, 10:48 AM

#

yeah, or when you include them in text messages such as pop_cat_gun

clear siren Jan 12, 2024, 10:48 AM

#

or smaller emotes in messages blobcatcozy

#

ok how big do you want them

atomic tundra Jan 12, 2024, 10:48 AM

#

yeah a lil bit of both

#

just double the size for the text messages

#

since they show super tiny in the monitor

clear siren Jan 12, 2024, 10:49 AM

#

ok

#

:root {--custom-emoji-size-emoji: 2.75em !important; --custom-emoji-size-jumbo-emoji: 128px !important; }

#

that doubles size of both

atomic tundra Jan 12, 2024, 10:51 AM

#

thanks

grand surge Jan 12, 2024, 11:44 AM

#

tessie w

torn templeBOT Jan 12, 2024, 11:44 AM

#

grand surge tessie w

shiggy

deep bane Jan 12, 2024, 2:27 PM

#

Connections Rainbow Name And Connection Colored Glow (Hover) on Hover

📎 message.txt

#

Connections Rainbow Name And Glow (Hover) on Hover ```css
/**

@name Connections Glow Hover
@version 1
@description Definitely not stolen code :trolley:
@author callme_h
@authorId 233940323334750209
*/

.connectedAccountContainer__23f00:hover .connectedAccountNameText__00810 {
animation: rainbowColor 5s linear infinite;
}

.connectedAccountContainer__23f00:hover {
animation: rainbowColor 5s linear infinite;
box-shadow: 0px 0px 10.9px 1px;
}

@keyframes rainbowColor {

100%,
0% {
color: rgb(255, 0, 0);

}

8% {
color: rgb(255, 127, 0);
}

16% {
color: rgb(255, 255, 0);
}

25% {
color: rgb(127, 255, 0);
}

33% {
color: rgb(0, 255, 0);
}

41% {
color: rgb(0, 255, 127);
}

50% {
color: rgb(0, 255, 255);
}

58% {
color: rgb(0, 127, 255);
}

66% {
color: rgb(0, 0, 255);
}

75% {
color: rgb(127, 0, 255);
}

83% {
color: rgb(255, 0, 255);
}

91% {
color: rgb(255, 0, 127);
}
}

.connectedAccountContainer__23f00 {
transition: all 0.25s ease;
}

/* Twitter */
[src="/assets/f47485602365c946fa52.svg"] {
content: url("https://discord.com/assets/57a3fe2c0e62e98937fd.svg");
}

[style="/assets/f47485602365c946fa52.svg"] {
background-image: url("/assets/57a3fe2c0e62e98937fd.svg") !important;
}

[class*="connectionHeader_"]:has([alt="X"])>div>[class*="connectionAccountLabel_"]:before {
content: "Twitter";
color: var(--header-secondary) !important;
user-select: text;
}

[class*="connectionHeader_"]:has([alt="X"])>div>[class*="connectionAccountLabel_"] {
color: transparent !important;
user-select: none;
}```

#

Also twitter replaces x in both just because

#

trolley

summer adder Jan 12, 2024, 2:58 PM

#

deft niche bottom line is if you dont know css then dont try to work with css

tf do you think i did lmfao

#

i fucked around and found out

deep bane Jan 12, 2024, 3:21 PM

#

zelk theme 👍

sweet lark Jan 12, 2024, 3:21 PM

#

summer adder i fucked around and found out

yeah but theyre not trying to fuck around theyre just asking other people for spoonfeed

grand surge Jan 12, 2024, 3:21 PM

#

summer adder i fucked around and found out

🔥

deep bane Jan 12, 2024, 3:33 PM

#

Optimized version of this (Connection colored glow and name on hover)

/**
 * @name Connections Glow Hover
 * @version 1
 * @description Definitely not stolen code :trolley:
 * @author callme_h
 * @authorId 233940323334750209
*/

.connectedAccountContainer__23f00:hover:has([aria-label="Spotify"]) {
  color: var(--spotify);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Twitch"]) {
  color: var(--twitch);

}

.connectedAccountContainer__23f00:hover:has([aria-label="YouTube"]) {
  color: var(--youtube);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Reddit"]) {
  color: var(--reddit);
}

.connectedAccountContainer__23f00:hover:has([aria-label="PayPal"]) {
  color: var(--paypal);
}

.connectedAccountContainer__23f00:hover:has([aria-label="TikTok"]) {
  color: #ff0050;
}

.connectedAccountContainer__23f00:hover:has([aria-label="Steam"]) {
  color: var(--steam);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Crunchyroll"]) {
  color: var(--crunchyroll);
}

.connectedAccountContainer__23f00:hover:has([aria-label="eBay"]) {
  color: var(--ebay);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Xbox"]) {
  color: var(--xbox);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Battle.net"]) {
  color: var(--battlenet);
}

.connectedAccountContainer__23f00:hover:has([aria-label="PlayStation Network"]) {
  color: var(--playstation);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Epic Games"]) {
  color: var(--epic-games);
}

.connectedAccountContainer__23f00:hover:has([aria-label="GitHub"]) {
  color: var(--github);
}

.connectedAccountContainer__23f00:hover:has([aria-label="X"]) {
  color: var(--twitter);
}

.connectedAccountContainer__23f00:hover:has([aria-label="League of Legends"]) {
  color: var(--lol);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Twitter"]) {
  color: var(--twitter);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Instagram"]) {
  color: var(--instagram);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Riot Games"]) {
  color: var(--riot-games);
}

.userProfileOuter__46bb7:where(.theme-dark) .connectedAccountContainer__23f00:hover:has([aria-label="Domain"]) {
  color: white;
}

.connectedAccountContainer__23f00:hover:has([aria-label="Skype"]) {
  color: var(--skype);
}

.connectedAccountContainer__23f00:hover:has([aria-label="Facebook"]) {
  color: var(--facebook);
}

.connectedAccountContainer__23f00:hover .connectedAccountNameText__00810 {
  color: inherit !important;
}

.connectedAccountContainer__23f00 .connectedAccountNameText__00810 {
  color: white;
  transition: color 0.1s ease;
}

.connectedAccountContainer__23f00:hover {
  color: currentColor;
  border-color: currentColor;
  box-shadow: 0px 0px 10.9px 1px currentColor;
}

.connectedAccountContainer__23f00 {
  transition: all 0.25s ease;
}

/* Twitter */
[src="/assets/f47485602365c946fa52.svg"] {
  content: url("https://discord.com/assets/57a3fe2c0e62e98937fd.svg");
}

[style="/assets/f47485602365c946fa52.svg"] {
  background-image: url("/assets/57a3fe2c0e62e98937fd.svg") !important;
}

[class*="connectionHeader_"]:has([alt="X"])>div>[class*="connectionAccountLabel_"]:before {
  content: "Twitter";
  color: var(--header-secondary) !important;
  user-select: text;
}

[class*="connectionHeader_"]:has([alt="X"])>div>[class*="connectionAccountLabel_"] {
  color: transparent !important;
  user-select: none;
}```

grand surge Jan 12, 2024, 3:36 PM

#

Shit that long on mobile

#

Is there an import?

deep bane Jan 12, 2024, 3:37 PM

#

nuh uh

#

use it as a theme or smthng

grand surge Jan 12, 2024, 3:37 PM

#

😩

grand surge Jan 12, 2024, 3:37 PM

#

deep bane use it as a theme or smthng

Alt

#

Alt

#

Alr

deep bane Jan 12, 2024, 3:37 PM

#

how do you misspell it twice

grand surge Jan 12, 2024, 3:37 PM

#

I'm on mobile

#

My fingers

#

Are

#

Big

deep bane Jan 12, 2024, 3:42 PM

#

grand surge Is there an import?

@import url('https://raw.githubusercontent.com/im-h/css-snippets/main/Connections-Hover-Glow.css');

grand surge Jan 12, 2024, 3:42 PM

#

Omg

#

Thank uou

deep bane Jan 12, 2024, 4:03 PM

#

how the fuck do you move the avatar in the user popout

#

and also the badge list

summer edge Jan 12, 2024, 4:05 PM

#

deep bane how the fuck do you move the avatar in the user popout

Generally the trick is just to try stuff and see what works :D

deep bane Jan 12, 2024, 4:05 PM

#

nothing worky

#

D:

summer edge Jan 12, 2024, 4:06 PM

#

What are you trying to accomplish?

deep bane Jan 12, 2024, 4:06 PM

#

center it

summer edge Jan 12, 2024, 4:07 PM

#

Horizontally or vertically?

deep bane Jan 12, 2024, 4:07 PM

#

horizontally

summer adder Jan 12, 2024, 4:35 PM

#

sweet lark yeah but theyre not trying to fuck around theyre just asking other people for sp...

well then they should fuck around and find out

#

learn css

sweet lark Jan 12, 2024, 4:35 PM

#

summer adder learn css

if they wanted to then they would have

deep bane Jan 12, 2024, 4:47 PM

#

deft niche Jan 12, 2024, 4:51 PM

#

summer adder tf do you think i did lmfao

yeah and youre dumb pointandlaugh

summer adder Jan 12, 2024, 4:53 PM

#

hi

summer adder Jan 12, 2024, 4:53 PM

#

deft niche yeah and youre dumb <:pointandlaugh:1127136657863344179>

everyone’s dumb

deft niche Jan 12, 2024, 4:53 PM

#

summer adder everyone’s dumb

yes but you specifically ❤️

plain kelp Jan 12, 2024, 4:54 PM

#

Can confirm, am dumb

deep bane Jan 12, 2024, 4:54 PM

#

deep bane

i would need some help with this cause i cant get the href to work

summer adder Jan 12, 2024, 4:54 PM

#

deft niche yes but you specifically ❤️

if everyone’s dumb i’m dumb

deep bane Jan 12, 2024, 4:54 PM

#

cause i dont want it to affect spacing

summer adder Jan 12, 2024, 4:54 PM

#

but i’m actually cute

plain kelp Jan 12, 2024, 4:54 PM

#

A person can be both dumb and cute

deep bane Jan 12, 2024, 4:54 PM

#

deep bane i would need some help with this cause i cant get the href to work

halp

summer adder Jan 12, 2024, 4:58 PM

#

plain kelp A person can be both dumb and cute

yes but i’m both

#

sam is not

deep bane Jan 12, 2024, 4:58 PM

#

Blabbering

plain kelp Jan 12, 2024, 4:58 PM

#

Fair

clear siren Jan 12, 2024, 4:59 PM

#

deep bane halp

what are you even asking

deep bane Jan 12, 2024, 4:59 PM

#

deep bane

this

#

i need the href anchor or whatever to still work without affecting spacing

#

clear siren Jan 12, 2024, 5:00 PM

#

oh I see

#

gimme the code you have

deep bane Jan 12, 2024, 5:00 PM

#

.top__592a7 {
  justify-content: center !important;
}
.container_b6b15b div,
.userInfoSection__1daf8:not(.connectedAccounts_dc0a56),
.memberSinceContainer__0a28b {
  text-align:center !important;
  display:inherit !important;
  margin:0 !important;
}
.listScroller__92e1a {
  text-align:center !important;
  margin:0 !important;
}
.connectedAccountContainer__23f00 {
  display:flow-root;
  text-align: center !important;
}
.connectedAccountContainer__23f00>* {
  display:block;
  margin:auto !important;
}
.connectedAccountVanityMetadata__7beb2,
.connectedAccountNameTextContainer__0b003 {
  margin:auto !important;
  text-align: center !important;
  justify-content: center !important;
}

#

im making a centered profile popout

#

so this is the code

#

a lot of important tags for now since i need to test it

clear siren Jan 12, 2024, 5:04 PM

#

deep bane ```css .top__592a7 { justify-content: center !important; } .container_b6b15b d...

just add margin-left: 18px!important; to the .connectedAccountNameTextContainer__0b003 block

#

easiest solution, as the arrow icon is 18px wide

#

oh wait it's not on all of them

deep bane Jan 12, 2024, 5:05 PM

#

selector for the anchor is .connectedAccountContainer__23f00 .anchor_c8ddc0

clear siren Jan 12, 2024, 5:06 PM

#

you could make a :has() thing where if the arrow is present, add margin-left

deep bane Jan 12, 2024, 5:06 PM

#

.connectedAccountContainer__23f00 .anchor_c8ddc0{
  margin-left:-18px;
}```

#

works

#

but i would like to ask

#

would there be any way to make the href invisible and cover the whole connection element?

clear siren Jan 12, 2024, 5:08 PM

#

sure, just add padding to it to cover the box and set its opacity to 0

#

wait no

#

uhh

deep bane Jan 12, 2024, 5:08 PM

#

yeah padding affects the spacing for some reason

clear siren Jan 12, 2024, 5:08 PM

#

padding and negative margin at the same amount should work

magic cove Jan 12, 2024, 5:08 PM

#

/* make pronouns stand out more */
[class*=pronouns] {
  text-transform: lowercase;
  color: #ffffff !important;
  font-size: 14px; font-weight: 650;
  background-color: var(--profile-gradient-primary-color);
  padding: 0.25rem 0.375rem; margin: 0.25rem 0 0 0;
  border-radius: 0.5rem;
}```
im trying to make the pronoun text white for non nitro users and have it as black for nitro users but idk how

clear siren Jan 12, 2024, 5:12 PM

#

magic cove ```css /* make pronouns stand out more */ [class*=pronouns] { text-transform: ...

/* make pronouns stand out more */
.userPopoutInner_f545a3:has(a[href="https://discord.com/settings/premium"]) [class*=pronouns] {
  text-transform: lowercase;
  color: #ffffff !important;
  font-size: 14px; font-weight: 650;
  background-color: var(--profile-gradient-primary-color);
  padding: 0.25rem 0.375rem; margin: 0.25rem 0 0 0;
  border-radius: 0.5rem;
}

magic cove Jan 12, 2024, 5:12 PM

#

tysm

#

its just so it fits nitro users and non nitro users

deep bane Jan 12, 2024, 5:13 PM

#

clear siren padding and negative margin at the same amount should work

trying to make it work but its kinda messy

#

is there any other way

clear siren Jan 12, 2024, 5:13 PM

#

magic cove tysm

doesn't do exactly what you described maybe but that is the way to select the pronouns when someone has nitro, you can figure out the rest I'm sure

clear siren Jan 12, 2024, 5:14 PM

#

deep bane is there any other way

I don't know to be honest, I don't think so

magic cove Jan 12, 2024, 5:14 PM

#

clear siren doesn't do exactly what you described maybe but that is the way to select the pr...

ill be able to get the rest 🔥

#

if i need help ill ask here

deep bane Jan 12, 2024, 5:14 PM

#

This works, but obviously only horizontally

.connectedAccountContainer__23f00 .anchor_c8ddc0{
  margin-left:-238px;
  padding-left:220px;
  opacity:0;
}```

#

and its very messy trying to add vertical padding

#

oh and it also cancels itself out

#

if i try to do vertical padding and negative margin

clear siren Jan 12, 2024, 5:16 PM

#

yeah

deep bane Jan 12, 2024, 5:16 PM

#

better than nothing i guess 🤷

#

still thank you

#

also

#

would there be a way to center the third connection horizontally?

#

(steam)

oak plover Jan 12, 2024, 5:18 PM

#

Probably

#

Gonna check real quick

#

nvm the styling for that thing is so ugly

deep bane Jan 12, 2024, 5:21 PM

#

wym

oak plover Jan 12, 2024, 5:23 PM

#

if everything was under 1 parent class then you could've done .connectedAccountContainer__23f00:last-child:nth-child(odd) to select the card that's in its own row except it's not rows it's two parent classes that make columns so instead you get this mess

deep bane Jan 12, 2024, 5:23 PM

#

yeah i tried it too

#

selects either github or spotify and steam

oak plover Jan 12, 2024, 5:24 PM

#

i could try to think of another method but it'd probably be a bad setup

#

.connectedAccountsColumn_fd2c41:has(+ .connectedAccountsColumn_fd2c41 > :last-child:nth-child(odd)) > :last-child:nth-child(even), .connectedAccountsColumn_fd2c41:has(+ .connectedAccountsColumn_fd2c41 > :last-child:nth-child(even)) > :last-child:nth-child(odd), .connectedAccountsColumn_fd2c41:has(+ .connectedAccountsColumn_fd2c41:empty) > div
mid af method but it kinda does what you want it to do

#

i'd expect this to break though cause the columns don't line up in a proper grid

#

at some point it'd overlap with the column to the right of it

#

not even worth it

deep bane Jan 12, 2024, 5:29 PM

#

im trying to get it to be centered but nothings working so far

oak plover Jan 12, 2024, 5:30 PM

#

if you do that you can make it do this but you also deal with this

#

there's really not a clean way to get what you want unless you make all of the containers the same size

deep bane Jan 12, 2024, 5:31 PM

#

This seems to work if i could select the first element from the right columns

.connectedAccountContainer__23f00:last-of-type {
  transform:translateX(50%);
}```

#

but then i didnt test it on more than 3 connections

#

nah this doesnt work

magic cove Jan 12, 2024, 5:33 PM

#

im struggling finding the non nitro profile selectors

oak plover Jan 12, 2024, 5:36 PM

#

oak plover `.connectedAccountsColumn_fd2c41:has(+ .connectedAccountsColumn_fd2c41 > :last-c...

@deep bane try and use this the closest you're gonna get to a clean setup is removing all the extra stats from the connection so all of the containers are the same size

#

.connectedAccountContainer__23f00 {
    padding: 12px 8px;
}
.connectedAccountsColumn_fd2c41:has(+ .connectedAccountsColumn_fd2c41 > :last-child:nth-child(odd)) > :last-child:nth-child(even),
.connectedAccountsColumn_fd2c41:has(+ .connectedAccountsColumn_fd2c41 > :last-child:nth-child(even)) > :last-child:nth-child(odd),
.connectedAccountsColumn_fd2c41:has(+ .connectedAccountsColumn_fd2c41:empty) > div {
    transform: translateX(50%);
}
div:is(.connectedAccount__28fb0, .connectedAccountName_f0a294) ~ * {
    display: none;
}

something like this

magic cove Jan 12, 2024, 5:40 PM

#

.userProfileInnerThemedNonPremium__3d0a6: [class*=pronouns] {
  text-transform: lowercase;
  color: #ffffff !important;
  font-size: 14px; font-weight: 650;
  background-color: var(--background-primary);
  padding: 0.20rem 0.375rem; margin: 0.25rem 0 0 0;
  border-radius: 0.5rem;
}

idk what im doing wrong

oak plover Jan 12, 2024, 5:40 PM

#

oak plover if you do that you can make it do this but you also deal with this

no more overlap

oak plover Jan 12, 2024, 5:40 PM

#

magic cove ```css .userProfileInnerThemedNonPremium__3d0a6: [class*=pronouns] { text-tran...

there's a : after the class name remove that

magic cove Jan 12, 2024, 5:41 PM

#

okay

#

was it right?

#

it was

#

hooray

#

:D

#

theres probs a better way to od it

#

but

#

/* pronoun */
.userProfileInnerThemedNonPremium__3d0a6 [class*=pronouns] {
  text-transform: lowercase;
  color: #ffffff !important;
  font-size: 14px; font-weight: 600;
  background-color: var(--background-primary);
  padding: 0.20rem 0.375rem; margin: 0.25rem 0 0 0;
  border-radius: 0.5rem;
}

.userPopoutInner_f545a3:has(a[href="https://discord.com/settings/premium"]) [class*=pronouns] {
  text-transform: lowercase;
  color: #ffffff !important;
  font-size: 14px; font-weight: 600;
  background-color: var(--profile-gradient-primary-color);
  padding: 0.20rem 0.375rem; margin: 0.25rem 0 0 0;
  border-radius: 0.5rem;
}

.userProfileInnerThemedWithBanner_d5f991 [class*=pronouns] {
    text-transform: lowercase;
  color: #ffffff !important;
  font-size: 14px; font-weight: 600;
  background-color: var(--profile-gradient-primary-color);
  padding: 0.20rem 0.375rem; margin: 0.25rem 0 0 0;
  border-radius: 0.5rem;
}

enjoy

deep bane Jan 12, 2024, 5:44 PM

#

sick effect ngl

#

(it fills from middle)

magic cove Jan 12, 2024, 5:44 PM

#

oo

deep bane Jan 12, 2024, 5:50 PM

#

which ones better

magic cove Jan 12, 2024, 5:53 PM

#

depends on what ur going for

#

im trying to find other profile colours bcs

#

background looks meh

#

i wanna lower the opacity but the whole thing disappears

magic cove Jan 12, 2024, 5:54 PM

#

deep bane which ones better

personally though, its the first one for me

magic cove Jan 12, 2024, 6:09 PM

#

magic cove ```css /* pronoun */ .userProfileInnerThemedNonPremium__3d0a6 [class*=pronouns] ...

scrapped idea

#

but

#

enjoy ig

deep bane Jan 12, 2024, 6:41 PM

#

still not finished but i need some feedback or something

#

#

better screenshot

#

profile with more badges

#

kind of looks bad on profiles with less badges

terse dew Jan 12, 2024, 7:01 PM

#

Anyone got an idea on how to edit the CSS to make it fit correctly?

deep bane Jan 12, 2024, 7:11 PM

#

grand surge Jan 12, 2024, 7:15 PM

#

I used liked 2 years ago something that made user settings smaller

#

like it was poping out

#

anyone know what I mean and has css for that?

deep bane Jan 12, 2024, 7:18 PM

#

#🎨-css-snippets message

#

this looks amazing

terse dew Jan 12, 2024, 7:32 PM

#

deep bane

I think making the server icon take the entire upper point might be cooler

deep bane Jan 12, 2024, 7:33 PM

#

upper point?

terse dew Jan 12, 2024, 7:33 PM

#

I will send an example

#

@deep bane

#

like this

deep bane Jan 12, 2024, 7:37 PM

#

i'll try

terse dew Jan 12, 2024, 7:37 PM

#

like a card with text below

#

so the image can be easier to be seen

#

and actually, just imagine a bunch near each other

#

will look nice

#

could even make them enlarge on hover

#

tho that might be much

#

oh wait

deep bane Jan 12, 2024, 8:03 PM

#

i don't think thats gonna work because someone could have a really long name and the servers icon will be blurry

terse dew Jan 12, 2024, 8:04 PM

#

.avatarPositionPremiumNoBanner__8bf3b , .avatarPositionPremiumBanner__1e83d {
 top: 73px !important;
}

this kinda fixed the location in the top-down location

.avatarPositionPremiumNoBanner__8bf3b .avatarWrapper_f77579, .avatarPositionPremiumBanner__1e83d .avatarWrapper_f77579 {
  left: 20px !important;
}

this kinda doesn't work, not sure why the left to right location doesn't work, is the selector wrong?

terse dew Jan 12, 2024, 8:05 PM

#

deep bane i don't think thats gonna work because someone could have a really long name and...

Sure, but does the image thingy work?

deep bane Jan 12, 2024, 8:05 PM

#

what are you doing there

deep bane Jan 12, 2024, 8:05 PM

#

terse dew Sure, but does the image thingy work?

yes

terse dew Jan 12, 2024, 8:05 PM

#

my theme for some reason breaks themed profiles

#

and I am trying to find a way to put the image in the right location

#

I think I fixed it (mostly).

#

NOPE it is broken .

#

why is this specific one broken?

#

this one is fine

#

great it seems I know why now

#

being themed while not having a nitro theme still breaks it, because the things I added still effects it

#

Does anyone know how to fix images from non-nitro themed users being effected differently?

solid ore Jan 12, 2024, 8:28 PM

#

clear siren ```CSS /* make pronouns stand out more */ .userPopoutInner_f545a3:has(a[href="ht...

@terse dew have a look at this thing, might help idk

terse dew Jan 12, 2024, 8:28 PM

#

clear siren ```CSS /* make pronouns stand out more */ .userPopoutInner_f545a3:has(a[href="ht...

it might actually work, let me try

terse dew Jan 12, 2024, 8:29 PM

#

clear siren ```CSS /* make pronouns stand out more */ .userPopoutInner_f545a3:has(a[href="ht...

can't really use the exact same selector, doesn't work

#

1 problem, I realized something

#

nitro users that still use the plugin profile themes STILL break like other themed profiles.

#

I need a way to know if the theme is plugin or from nitro

#

more than if the user itself has either

#

I am considering this a good enough.

deep bane Jan 12, 2024, 9:05 PM

#

anyone knows how i can remove the "border-radius", its a rect element

deft niche Jan 12, 2024, 9:05 PM

#

whahuh

terse dew Jan 12, 2024, 9:05 PM

#

deep bane anyone knows how i can remove the "border-radius", its a rect element

like, the green point?

deep bane Jan 12, 2024, 9:05 PM

#

how do i make it not round

#

yes

plain kelp Jan 12, 2024, 9:06 PM

#

rx: 0 probably

terse dew Jan 12, 2024, 9:06 PM

#

I think just changining it with a completely new element might be better, considering this is from a plugin that changes svgs

deep bane Jan 12, 2024, 9:06 PM

#

doesnt work

terse dew Jan 12, 2024, 9:07 PM

#

but I didn't really try it

deep bane Jan 12, 2024, 9:07 PM

#

rx:0 doesnt work

#

it doesnt even have rx or ry applied

#

so idk how its rounded

#

in the first place

terse dew Jan 12, 2024, 9:07 PM

#

might it be an svg of a green round circle?

deep bane Jan 12, 2024, 9:07 PM

#

its a rect element

#

can you read

terse dew Jan 12, 2024, 9:07 PM

#

no sadly, can't read

#

technically I am correct, rect elements are somewhat of a SVG

#

just, a really basic one

#

⠀

deep bane Jan 12, 2024, 9:09 PM

#

nvm found it

#

it had a mask

terse dew Jan 12, 2024, 9:09 PM

#

oh great

plain kelp Jan 12, 2024, 9:09 PM

#

Setting rx:0 works

deep bane Jan 12, 2024, 9:09 PM

#

its a rect element they can just round it with rx and ry

plain kelp Jan 12, 2024, 9:09 PM

#

Just gotta do it on the right element

deep bane Jan 12, 2024, 9:09 PM

#

plain kelp Setting rx:0 works

didnt for me

#

but alr

deep bane Jan 12, 2024, 9:11 PM

#

plain kelp Just gotta do it on the right element

what element did you even apply it on

plain kelp Jan 12, 2024, 9:11 PM

#

First rect in the mask

deep bane Jan 12, 2024, 9:12 PM

#

give me your code

plain kelp Jan 12, 2024, 9:12 PM

#

There is no code

#

I just did it in devtools

deep bane Jan 12, 2024, 9:12 PM

#

cause this doesnt work

.userProfileModalInner__7c87d .avatar__445f3 rect{
  width:50px;
  height:50px;
  rx:0;
  ry:0;
}```

clear siren Jan 12, 2024, 9:17 PM

#

.userProfileModalInner__7c87d .avatar__445f3 rect{
  width:50px;
  height:50px;
  mask:none;
}

deep bane Jan 12, 2024, 9:17 PM

#

that is what i already have

#

and it works for me

deep bane Jan 12, 2024, 9:46 PM

#

It is finally done, @import url('https://raw.githubusercontent.com/im-h/css-snippets/main/Centered-User-Popouts.css');

#

still got some work to do

#

but its in a nice state right now

deep bane Jan 12, 2024, 10:39 PM

#

deep bane It is finally done, `@import url('https://raw.githubusercontent.com/im-h/css-sni...

this MIGHT deserve #🎨-css-snippets

deft niche Jan 12, 2024, 10:42 PM

#

deep bane It is finally done, `@import url('https://raw.githubusercontent.com/im-h/css-sni...

seems functional

solid ore Jan 12, 2024, 10:56 PM

#

anyone know if its possible to extend the clickable part of the connected account buttons to the actual text/logo

#

as in be able to click the underlined part as well as the arrow

#

or just make the whole thing container clickable

nova beacon Jan 13, 2024, 9:59 AM

#

what discord experiment for message submit button? nvm. it was on the accessibility settings.

deep bane Jan 13, 2024, 12:19 PM

#

deft niche seems functional

skill issue

deep bane Jan 13, 2024, 12:30 PM

#

deft niche seems functional

Should be fixed now but the import hasn't updated for some reason

terse dew Jan 13, 2024, 12:44 PM

#

How to choose 1 language in class selectors? Like, is there a :lang() in discord?

clear siren Jan 13, 2024, 12:45 PM

#

what do you mean

#

I mean yes, you should be able to use :lang() in discord css

terse dew Jan 13, 2024, 12:49 PM

#

clear siren I mean yes, you should be able to use :lang() in discord css

I tried to choose only arabic in username class because I want to change that language, so I did .username_d30d99:lang(ar)

#

doesn't really effect arabic

clear siren Jan 13, 2024, 12:51 PM

#

the lang is probably like ar-AR, but all that selector does is it detects the language of the entirety of discord, not just a username

#

it just takes the value set in the html element

terse dew Jan 13, 2024, 12:52 PM

#

so there isn't a way to only detect arabic language? even if it was everywhere.

clear siren Jan 13, 2024, 12:53 PM

#

as far as I can tell there is no way to select the username if it's written in arabic, chinese or english in css because there is nothing about it that makes it 'different' in the page other than its content

#

and content can't be used to select anything

terse dew Jan 13, 2024, 12:53 PM

#

is there a way to detect the entirety of discord?

clear siren Jan 13, 2024, 12:54 PM

#

yeah if your whole discord language is changed, the value in html changes

#

and you can then use either html[lang="ar-AR"] in your selectors or use the :lang() pseudoclass

dark dragon Jan 13, 2024, 12:55 PM

#

There's no way to check the contents of an element in the current css spec. You can do like :lang(ar-AR) .username.d30d99, but that's going to affect all elements with that username class if your language is set to Arabic in the discord settings

clear siren Jan 13, 2024, 12:55 PM

#

yeah

terse dew Jan 13, 2024, 12:55 PM

#

interesting.

clear siren Jan 13, 2024, 12:56 PM

#

not that there even is an arabic language in discord though

terse dew Jan 13, 2024, 12:57 PM

#

is there a way to make 2 fonts be used at the same time where one font only works on 1 specific language?

#

something like giving the change to the font itself rather than a class

clear siren Jan 13, 2024, 12:59 PM

#

if you specify multiple fonts like one for arabic and one for chinese, and those fonts do not have the other language's glyphs in it, it will use all the fonts for their languages

grand surge Jan 13, 2024, 12:59 PM

#

how can i change what my cursor is

dark dragon Jan 13, 2024, 12:59 PM

#

You can also set a unicode range, as shown here https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range

MDN Web Docs

unicode-range - CSS: Cascading Style Sheets | MDN

The unicode-range CSS descriptor sets the specific range of characters to be used from a font defined using the @font-face at-rule and made available for use on the current page. If the page doesn't use any character in this range, the font is not downloaded; if it uses at least one, the whole font is downloaded.

grand surge Jan 13, 2024, 12:59 PM

#

theres a theme that does that

clear siren Jan 13, 2024, 1:00 PM

#

oh yeah unicode ranges are also useful for that

grand surge Jan 13, 2024, 1:00 PM

#

https://betterdiscord.app/theme/FVUI

BetterDiscord

FVUI - BetterDiscord

Blur is the New Black

clear siren Jan 13, 2024, 1:00 PM

#

grand surge how can i change what my cursor is

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

MDN Web Docs

cursor - CSS: Cascading Style Sheets | MDN

The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.

terse dew Jan 13, 2024, 1:00 PM

#

clear siren if you specify multiple fonts like one for arabic and one for chinese, and those...

Whitey doesn't effect arabic i assume

#

so I will try that

#

Nope, sadly the arabic text I am using supports English too

#

is there a way to like, strip a font of it's other language support

clear siren Jan 13, 2024, 1:06 PM

#

yeah by using the unicode range thing

terse dew Jan 13, 2024, 1:06 PM

#

k

solid ore Jan 13, 2024, 1:24 PM

#

is there a way to keep the position of the user profile modal fixed? so that when selecting mutual servers/friends etc the banner, pfp and username dont move

#

i tried messing with position: but it didnt help

#

.userProfileInner__8065b is the selector im p sure

deep bane Jan 13, 2024, 1:29 PM

#

This works, but idk if other elements use the popout idcss [id*=popout_]>*{ position:fixed !important; top:0; left:0; }

#

yeah no other elements use the id too

#

but i mean i guess you could have every popout in a specific place Shrug

solid ore Jan 13, 2024, 1:31 PM

#

that is for the popout (left img), im talking abt the profile modal (right)

deep bane Jan 13, 2024, 1:33 PM

#

.focusLock__10aa5[aria-label="User Profile Modal"]{
  position:fixed !important;
  top:0;
  left:0;
}```

solid ore Jan 13, 2024, 1:34 PM

#

ty

supple lodge Jan 13, 2024, 2:33 PM

#

hi, anyone know how to make the badges go on top of the banner please?

deep bane Jan 13, 2024, 3:14 PM

#

supple lodge hi, anyone know how to make the badges go on top of the banner please?

?

supple lodge Jan 13, 2024, 3:14 PM

#

deep bane ?

I made it work somehow

grand surge Jan 13, 2024, 5:00 PM

#

@clear siren

clear siren Jan 13, 2024, 5:07 PM

#

yes

#

@grand surge

grand surge Jan 13, 2024, 5:08 PM

#

clear siren <@456226577798135808>

hold on 2s

#

okay so i updated my snippet a little and it’s kinda fucking with me

clear siren Jan 13, 2024, 5:09 PM

#

ok?

grand surge Jan 13, 2024, 5:10 PM

#

html {
    cursor: var(--cursor), default;
}

a:hover, 
img:hover,
[role="link"]:hover,
[role="button"]:hover {
    cursor: var(--cursor-pointer), pointer;
}

:root {
    --cursor: url('https://cdn.discordapp.com/attachments/1191351625508458549/1195725915859189911/6Qz.cur');
    --cursor-pointer: url('https://cdn.discordapp.com/attachments/1191351625508458549/1195772025243967538/ltK.cur');
}

#

the stupid cursor

#

is not going to pointer on some things?

clear siren Jan 13, 2024, 5:11 PM

#

yeah it only goes to pointer on those you selected

grand surge Jan 13, 2024, 5:12 PM

#

your username for example, it should be a link, on hover it should turn to the pointer but it uses my windows defualt not the one in css

plain kelp Jan 13, 2024, 5:12 PM

#

Probably discord's own css overrides that

clear siren Jan 13, 2024, 5:13 PM

#

it's not a link as in an <a> element, neither does it have those roles assigned

grand surge Jan 13, 2024, 5:13 PM

#

oh

clear siren Jan 13, 2024, 5:13 PM

#

no wait it does

#

it has role button

grand surge Jan 13, 2024, 5:13 PM

#

so yeah it should work

#

its strange like some do

clear siren Jan 13, 2024, 5:15 PM

#

it's being set by discord css

#

.username_d30d99.clickable_d866f1:hover, .applicationName__359c6.clickable_d866f1:hover, .commandName_a0875b.clickable_d866f1:hover {
    cursor: pointer; }

#

with more specifity

#

if you add !important it should work

grand surge Jan 13, 2024, 5:15 PM

#

great

#

oh

#

wow

#

simple fix

#

ig not

#

still hundreds of other buttons do not work

supple lodge Jan 13, 2024, 5:36 PM

#

Anyone know how I can move the black circle behind the profile picture for the "userProfileModal" ?

summer adder Jan 13, 2024, 8:34 PM

#

grand surge how can i change what my cursor is

html {cursor: not-allowed;}

#

https://files.catbox.moe/y9f0nj.mp4

▶ Play video

#

replace html with whatever class you're trying to change the cursor with and whatever cursor you want

#

if you wanted custom cursors in general, this isnt the place for it

#

unless you import a custom image and make it use that

#

but even then im sure the 'custom image' would have to be a cursor file

grand surge Jan 13, 2024, 8:37 PM

#

summer adder if you wanted custom cursors in general, this isnt the place for it

i already did :3

summer adder Jan 13, 2024, 8:38 PM

#

ah

grand surge Jan 13, 2024, 8:38 PM

#

some bugs but i’ll fix them eventually

summer adder Jan 13, 2024, 10:15 PM

#

supple lodge Anyone know how I can move the black circle behind the profile picture for the "...

black circle behind this? https://files.catbox.moe/266now.png

supple lodge Jan 14, 2024, 7:23 AM

#

summer adder black circle behind this? https://files.catbox.moe/266now.png

no, this one.
I made it move at some point but the profile picture just disappear (and no it isn't offset, it just disappear)

summer adder Jan 14, 2024, 7:28 AM

#

would seem to be this element, try finding a way to change it https://files.catbox.moe/low661.png

supple lodge Jan 14, 2024, 7:31 AM

#

summer adder would seem to be this element, try finding a way to change it https://files.catb...

yeah that's the one I moved, and it moves, but make the profile picture blank

summer adder Jan 14, 2024, 7:32 AM

#

replace its fill with white instead of black, that makes it completely gone

#

https://files.catbox.moe/tozvg7.mp4

▶ Play video

#

if thats what you're going for anyway

supple lodge Jan 14, 2024, 7:34 AM

#

summer adder if thats what you're going for anyway

yeah, but how do you write it in vscode?

summer adder Jan 14, 2024, 7:36 AM

#

absolutely no idea, hence why in the vid i was just doing it via inspect element

supple lodge Jan 14, 2024, 7:36 AM

#

yeah, I wanna do it in vscode, but I have no idea on how to edit it x)

#

anyway, thanks

summer adder Jan 14, 2024, 7:39 AM

#

np

#

@supple lodge found out

supple lodge Jan 14, 2024, 7:46 AM

#

yes?

plain kelp Jan 14, 2024, 7:46 AM

#

Editing svgs with css is unpleasant

summer adder Jan 14, 2024, 7:46 AM

#

wait now its fucking up wtf

supple lodge Jan 14, 2024, 7:46 AM

#

summer adder wait now its fucking up wtf

picture disappear?

summer adder Jan 14, 2024, 7:47 AM

#

no, scratch that

#

thought i had it but i dont

supple lodge Jan 14, 2024, 7:47 AM

#

yeah, its so weird

summer adder Jan 14, 2024, 7:47 AM

#

could've sworn i would've had it with css .bannerSVGWrapper__3e7b0 [id='uid_997'] {display: none !important;}

#

I FIGURED IT OUT

#

SO

#

THE UID SWITCHES TO TWO RANDOM VARIABLES

#

ONE OF THEM 1172

#

AND THE OTHER 190 I THINK

#

AND I GOT CODE FOR THE 1172 TO WORK

#

.bannerSVGWrapper__3e7b0:has([id='uid_1172']) circle{fill:white !important}```

#

NOW I NEED TO SEE IF IT WORKS WITH THE UID 190

#

oh my fucking god its a new one.

#

im starting to think its a randomly generated uid every time.

#

it is

#

so i have an idea for that

supple lodge Jan 14, 2024, 7:56 AM

#

yeah, because for me there isn't any 1172

summer adder Jan 14, 2024, 7:56 AM

#

i did it

#

heres your code

#

.bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{fill:white !important}```

plain kelp Jan 14, 2024, 7:57 AM

#

The uid increases every time it creates the element I'm pretty sure

summer adder Jan 14, 2024, 7:57 AM

#

summer adder ```css .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{fill:white !important}`...

i have absolutely no fucking way if this is a good efficient way to do this

#

but at this point

#

as long as it fucking works im happy

supple lodge Jan 14, 2024, 7:58 AM

#

summer adder ```css .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{fill:white !important}`...

finally, thank you so much

summer adder Jan 14, 2024, 7:58 AM

#

np

supple lodge Jan 14, 2024, 7:59 AM

#

ono

summer adder Jan 14, 2024, 7:59 AM

#

?

supple lodge Jan 14, 2024, 7:59 AM

#

it also change the one in the popout 💀

summer adder Jan 14, 2024, 7:59 AM

#

CH_Dead

supple lodge Jan 14, 2024, 7:59 AM

#

cry in pain

summer adder Jan 14, 2024, 8:00 AM

#

i will, that took me so long

#

okay heres your fix for the server popout

#

.userPopoutInner_f545a3 .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{fill: black !important;}```

#

add that to your code and it should fix the server popout only

#

works for me anyway https://files.catbox.moe/xu8n60.mp4

▶ Play video

#

lemme know if anything else is broken

supple lodge Jan 14, 2024, 8:06 AM

#

doesn't look like it's working for me.. I don't understand lol

summer adder Jan 14, 2024, 8:06 AM

#

does the code look exactly like this (ignore the comments thats just because im using my goofing around theme) https://files.catbox.moe/kx37gl.png

#

works perfectly fine for me in qcss too

supple lodge Jan 14, 2024, 8:08 AM

#

summer adder does the code look exactly like this (ignore the comments thats just because im ...

not quite the same, since i'm trying to make the circle go on the right for the profile info

supple lodge Jan 14, 2024, 8:09 AM

#

supple lodge not quite the same, since i'm trying to make the circle go on the right for the ...

like that

summer adder Jan 14, 2024, 8:09 AM

#

ahh, so for inner user profile you'd have to set the cx to what it originally is

#

which is typically cx="62"

#

so it would now be

#

.userPopoutInner_f545a3 .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{fill: black !important;cx: 62;}```

supple lodge Jan 14, 2024, 8:10 AM

#

summer adder ahh, so for inner user profile you'd have to set the cx to what it originally is

oh yeah great, now it works, thank you

summer adder Jan 14, 2024, 8:10 AM

#

np

#

huh, thats odd

supple lodge Jan 14, 2024, 8:14 AM

#

what?

summer adder Jan 14, 2024, 8:14 AM

#

i was looking through it and it seems like nitro profile popouts have a different cx, nitro ones arent 62

supple lodge Jan 14, 2024, 8:14 AM

#

yours works

summer adder Jan 14, 2024, 8:14 AM

#

instead, nitro popouts are cx="58

summer adder Jan 14, 2024, 8:14 AM

#

supple lodge yours works

odd

#

very very odd

supple lodge Jan 14, 2024, 8:15 AM

#

idk, for me it works on nitro and non nitro users

#

and it shows it as 62 on your profile too

summer adder Jan 14, 2024, 8:18 AM

#

weird, dunno why mines showing different

supple lodge Jan 14, 2024, 8:18 AM

#

you tried on someone else's nitro profile?

summer adder Jan 14, 2024, 8:18 AM

#

nope, on mine

supple lodge Jan 14, 2024, 8:19 AM

#

maybe for other profile it works normaly

#

for me it works on any profile, so thank you again :)

summer adder Jan 14, 2024, 8:21 AM

#

np

simple kiln Jan 14, 2024, 8:29 AM

#

how to shikiblocks

#

i can't see the plugin

supple lodge Jan 14, 2024, 8:32 AM

#

summer adder instead, nitro popouts are `cx="58`

but you are right on something, in dm when the profile is on the right, the cx is 58

summer adder Jan 14, 2024, 8:39 AM

#

i kinda see what you're trying to do though

#

i roughly recreated your code and it does look nice

supple lodge Jan 14, 2024, 8:40 AM

#

show me

summer adder Jan 14, 2024, 8:40 AM

#

https://files.catbox.moe/2j8ne4.mp4

▶ Play video

supple lodge Jan 14, 2024, 8:40 AM

#

yeah pretty much the idea :)

#

except the badges I put there

summer adder Jan 14, 2024, 8:42 AM

#

ah

supple lodge Jan 14, 2024, 8:43 AM

#

code looks gross tho, since I never learned css 🤣

summer adder Jan 14, 2024, 8:43 AM

#

meh you learn eventually

supple lodge Jan 14, 2024, 8:44 AM

#

easier than some language tbh

#

Looks like that

/* pfp Relocation */
.header__7da4f{
    bottom: 0px;
    left: 200px;
}

/* Big Popout */
.topSection_dfb73b .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{
    fill:black !important;
    cx: 282;
}
/* Smol Popout */
.userPopoutInner_f545a3 .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{fill: black !important;
    cx:62;
}
/* Dm Right Profile */
.none__51a8f .scrollerBase_dc3aa9 .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{
    fill:black !important;
    cx: 58;
}
/* Badges */
.badgeList_c193e3{
    position: absolute;
    bottom: 22px;
    right: 184px;
    display: flex;
    justify-content: flex-end;
}
/* Friend request/Send Message button */
.relationshipButtons__5efdd {
    position: absolute;
    top: 12px;
    right: 200px;
    display: flex;
    justify-content: flex-end;
}```

#

idk how to send it with the colors

plain kelp Jan 14, 2024, 8:48 AM

#

For the colors

summer adder Jan 14, 2024, 8:49 AM

#

technically recreated your code again

supple lodge Jan 14, 2024, 8:49 AM

#

plain kelp ```css

thanks

summer adder Jan 14, 2024, 8:49 AM

#

summer adder technically recreated your code again

https://files.catbox.moe/n661yg.mp4

▶ Play video

#

aka: the shittier version

#

Clueless

supple lodge Jan 14, 2024, 8:50 AM

#

does work
nice

summer adder Jan 14, 2024, 8:50 AM

#

summer adder https://files.catbox.moe/n661yg.mp4

heres that code of mine

#

.bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{
    fill: white important;
    cx: 282;
}
.userPopoutInner_f545a3 .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{fill:black !important; cx: 62;}
.wrapper_edb6e0.pointer__4360d.avatar__445f3 {position: absolute;left: 223px;}
.badgeList_c193e3.containerWithContent__7e98f.container__5bda1 {position: absolute;top: -55px;left: 18.5em;}
.userProfileModalInner__7c87d.userProfileInner__8065b.userProfileInnerThemedWithBanner_d5f991 .topSection_dfb73b .header__7da4f .wrapper_edb6e0.pointer__4360d.avatar__445f3 {left:222px;}
.additionalActionsIcon__33de0 {position: absolute; top: 4.5px;right: -28.5px;}
.relationshipButtons__5efdd {position: absolute; left: 250px;}
.clickable__35918.avatarWrapperNormal__0bddb.avatarWrapper_f77579.avatarPositionPremiumBanner__1e83d .avatarHoverTarget__3a360 {position: absolute;left:4px}
.svg__7900e.avatarDecorationHint__03e0b {position: absolute;left: -4px !important;}
.userProfileModalInner__7c87d.userProfileInner__8065b.userProfileInnerThemedWithBanner_d5f991 .topSection_dfb73b .header__7da4f .headerTop__6628b .badgeList_c193e3.containerWithContent__7e98f.container__5bda1 {position: absolute;left:270px;}```

#

you thought your code was messy

#

Clueless

supple lodge Jan 14, 2024, 8:50 AM

#

summer adder you thought your code was messy

just the formatting that is stressing me out 😭

summer adder Jan 14, 2024, 8:51 AM

#

oh well it can be as messy as it needs to be as i was just recreating it for fun

#

not like im publishing it or anything, just though id challenge myself

supple lodge Jan 14, 2024, 8:51 AM

#

summer adder not like im publishing it or anything, just though id challenge myself

works I guess ^^

terse dew Jan 14, 2024, 10:29 AM

#

summer adder ```css .bannerSVGWrapper__3e7b0:has([id*='uid_']) circle{ fill: white import...

I think it creates imbalance between left and right, so decided to move the badges list to the left

supple lodge Jan 14, 2024, 10:37 AM

#

terse dew I think it creates imbalance between left and right, so decided to move the badg...

For me the text (username, status, etc) makes it so that there is already a lot on the left

terse dew Jan 14, 2024, 10:38 AM

#

I am comparing it to the send message on the same level, actually I think it could make for a fun idea to make the 3 first lines (username/nickname/pronouns) to be all centered in the middle

#

I think somebody did it for the small profile

supple lodge Jan 14, 2024, 10:39 AM

#

terse dew I am comparing it to the send message on the same level, actually I think it cou...

yeah it could be interesting, but it would be looking a lot like a mobile thing in the end x)

#

and for me it looks like that, I removed the gap between the username and the banner

terse dew Jan 14, 2024, 10:40 AM

#

that looks very nice.

supple lodge Jan 14, 2024, 10:40 AM

#

thanks

#

but I feel like the picture isn't 100% centered, even tho I choosed position: center
Or maybe it's the buttons under it that makes it confusing

terse dew Jan 14, 2024, 10:43 AM

#

nope

#

you are completely correct

#

it isn't centered right

#

supple lodge Jan 14, 2024, 10:44 AM

#

mh?

terse dew Jan 14, 2024, 10:45 AM

#

it is moved to the left

supple lodge Jan 14, 2024, 10:45 AM

#

on urs?

terse dew Jan 14, 2024, 10:45 AM

#

yes.

supple lodge Jan 14, 2024, 10:45 AM

#

oh yeah also

#

I was talking about mine x), but yours have it lol

terse dew Jan 14, 2024, 10:46 AM

#

#

yours also has it somewhat

#

#

this is the correct place for it to be at

supple lodge Jan 14, 2024, 10:47 AM

#

can you use a grid on the preview in discord or that doesn't exist?

terse dew Jan 14, 2024, 10:47 AM

#

I have no idea

supple lodge Jan 14, 2024, 10:48 AM

#

because it would be more accurate I think

supple lodge Jan 14, 2024, 10:56 AM

#

terse dew

perfection

terse dew Jan 14, 2024, 11:00 AM

#

supple lodge perfection

so is it centered now?

supple lodge Jan 14, 2024, 11:00 AM

#

I think so

terse dew Jan 14, 2024, 11:00 AM

#

which plugin gives that device icon?

subtle rose Jan 14, 2024, 11:01 AM

#

terse dew which plugin gives that device icon?

~~platform indicators~~

terse dew Jan 14, 2024, 11:02 AM

#

thanks

grand surge Jan 14, 2024, 2:37 PM

#

supple lodge and for me it looks like that, I removed the gap between the username and the ba...

move the badges under the pfp

deep bane Jan 14, 2024, 2:43 PM

#

supple lodge perfection

whats the tool for this

supple lodge Jan 14, 2024, 2:51 PM

#

deep bane whats the tool for this

Blender

supple lodge Jan 14, 2024, 2:52 PM

#

grand surge move the badges under the pfp

Would look good if some people didn't have 1 trillion badges :/

plain kelp Jan 14, 2024, 3:10 PM

#

Just block those people

deft niche Jan 14, 2024, 5:57 PM

#

I just hide the shitty useless badges joeshrug

supple lodge Jan 14, 2024, 6:27 PM

#

deft niche I just hide the shitty useless badges <:joeshrug:1183705274440224778>

idk how to

sweet lark Jan 14, 2024, 6:27 PM

#

supple lodge idk how to

css

supple lodge Jan 14, 2024, 6:27 PM

#

I know

sweet lark Jan 14, 2024, 6:28 PM

#

supple lodge Jan 14, 2024, 6:28 PM

#

supple lodge Jan 14, 2024, 6:30 PM

#

sweet lark

real

grand surge Jan 14, 2024, 8:41 PM

#

i made it better i think probably not sure dont know

#

dont know if this fits in this channel since its more of a source code edit but oh well

summer adder Jan 14, 2024, 9:25 PM

#

/**
* @author Madeline
* @description this is just the personal code i use
* @name personal code madeline
*/
.text-xs-semibold_a3a2b4.barText__1a44f {font-size: 0px;}
.text-xs-semibold_a3a2b4.barText__1a44f:before {font-size:12px; content: /*CHANGE TO WHATEVER*/ "new shit that you don't care about!"; position: absolute; top: 4px;}
.bar__004d9 {width: 5.3em;height:3.9em} /* adjust if needed for bar width, incase the text goes off the bar*/
/* end of unread bar */
::selection {background-color: rgba(102, 51, 153, 0.5);color: white;}```

#

#

decided to upload here since it’s already uploaded and changed on my github constantly due to the fact that i just have my themes folder synced to github

summer adder Jan 14, 2024, 9:48 PM

#

screenshots show

exotic nexus Jan 14, 2024, 9:49 PM

#

summer adder ```css /** * @author Madeline * @description this is just the personal code i us...

What is this formatting husk

summer adder Jan 14, 2024, 9:50 PM

#

purposely horrible

void socket Jan 14, 2024, 11:05 PM

#

hello everyone, this is gonna sound dumb, but, does anyone know of a way to block stickers from a specific person?
this friend of mine wont stop sending stupid dog stickers in every conversation we have with zero relation to what they are saying and it is pissing me off, i obviously don't want to block them, any ideas?

summer adder Jan 14, 2024, 11:06 PM

#

[data-author-id="insert-user-id-of-person"] .clickableSticker__5d3a0 {display: none;}

#

make sure to have theme attributes enabled just in case

void socket Jan 14, 2024, 11:08 PM

#

summer adder make sure to have theme attributes enabled just in case

i just shove this into the quickcss, right?

summer adder Jan 14, 2024, 11:08 PM

#

yes, just make sure you have the themeattributes plugin enabled just to be sure it works

void socket Jan 14, 2024, 11:09 PM

#

yep yep

deep bane Jan 14, 2024, 11:10 PM

#

guys im bored i need idea

void socket Jan 14, 2024, 11:11 PM

#

summer adder ```css [data-author-id="insert-user-id-of-person"] .clickableSticker__5d3a0 {dis...

works, thank you so much, you're a godsend, finally i can talk to my friend again

summer adder Jan 14, 2024, 11:11 PM

#

thumbs

deep bane Jan 14, 2024, 11:12 PM

#

void socket hello everyone, this is gonna sound dumb, but, does anyone know of a way to bloc...

skill issue

deft niche Jan 14, 2024, 11:33 PM

#

deep bane guys im bored i need idea

Make the ugliest theme possible

summer adder Jan 14, 2024, 11:36 PM

#

deft niche Make the ugliest theme possible

https://files.catbox.moe/ierhvm.png

#

* {stroke: aqua;stroke-width: 50px;}
* {border: dashed;border-width: 5px;border-color: red;}
:root {
    --background-primary: purple;
    --background-secondary: blue;
    --background-tertiary: orange;
}```

deft niche Jan 14, 2024, 11:39 PM

#

summer adder https://files.catbox.moe/ierhvm.png

6/10 on the ugly scale

#

Some colors work together and the font is fine

summer adder Jan 14, 2024, 11:41 PM

#

deft niche Some colors work together and the font is fine

https://files.catbox.moe/5cy6qf.png

deft niche Jan 14, 2024, 11:41 PM

#

Not ugly just unreadable

#

trollf

deep bane Jan 14, 2024, 11:46 PM

#

deft niche Jan 14, 2024, 11:53 PM

#

deep bane

https://tenor.com/view/uh-nevermind-then-nevermind-gif-14214319

Tenor

summer adder Jan 14, 2024, 11:53 PM

#

deep bane

https://files.catbox.moe/2c2xc2.png

deft niche Jan 14, 2024, 11:57 PM

#

summer adder https://files.catbox.moe/2c2xc2.png

Not white enough

#

Make text white

summer adder Jan 14, 2024, 11:59 PM

#

deft niche Jan 15, 2024, 12:00 AM

#

Too dark

#

Some text not white

#

0/10

#

Make accent white

deep bane Jan 15, 2024, 12:02 AM

#

deft niche Make accent white

deft niche Jan 15, 2024, 12:02 AM

#

deep bane

Quickcss editor not white

#

-2490872149724389324/10

summer adder Jan 15, 2024, 12:02 AM

#

deep bane

https://files.catbox.moe/ewxl56.png

deep bane Jan 15, 2024, 12:06 AM

#

deft niche Quickcss editor not white

deft niche Jan 15, 2024, 12:07 AM

#

deep bane

Quickcss editor text not white

#

-329743986324876575246587653278653872687635872/10

deep bane Jan 15, 2024, 12:07 AM

#

deft niche Jan 15, 2024, 12:09 AM

#

Pfp isnt white

rugged echo Jan 15, 2024, 12:09 AM

#

not white enough, make it like the sun

deft niche Jan 15, 2024, 12:09 AM

#

insert exponentially small number here/10

summer adder Jan 15, 2024, 12:09 AM

#

rugged echo not white enough, make it like the sun

that would be orange/yellow

rugged echo Jan 15, 2024, 12:10 AM

#

ern akzhuali in space its white 🤓

deep bane Jan 15, 2024, 12:10 AM

#

rugged echo not white enough, make it like the sun

https://tenor.com/view/kurt-kurt-angle-100-yard-stare-what-are-you-serious-gif-4081464694509837388

Tenor

rugged echo Jan 15, 2024, 12:10 AM

#

well thats what I have heard, obviously I can't prove it

deep bane Jan 15, 2024, 12:10 AM

#

rugged echo well thats what I have heard, obviously I can't prove it

https://tenor.com/view/huh-dog-huh-dog-gif-9454444978823724629

Tenor

deft niche Jan 15, 2024, 12:11 AM

#

whahuh

rugged echo Jan 15, 2024, 12:11 AM

#

I was talking about the sun

deep bane Jan 15, 2024, 12:11 AM

#

what

clear siren Jan 15, 2024, 12:12 AM

#

summer adder that would be orange/yellow

sun is actually very white, the yellow appearance comes from the atmosphere

rugged echo Jan 15, 2024, 12:12 AM

#

deep bane <:what:1180536043376754758>

ah whatever

clear siren Jan 15, 2024, 12:12 AM

#

on a related note though I would love to see what hdr screens could do with better color formats like oklch()

#

what kind of stuff websites could do with hdr color space

grand surge Jan 15, 2024, 12:17 AM

#

clear siren sun is actually very white, the yellow appearance comes from the atmosphere

A smiling yellow face with glasses, often with teeth showing, originally buck teeth on most platforms.

rugged echo Jan 15, 2024, 1:21 AM

#

no it obviously has a baby face

grand surge Jan 15, 2024, 3:17 AM

#

teletubby garry’s mod 3 am not clickbait went sexual

grand surge Jan 15, 2024, 3:46 AM

#

this is ai gen, can someone help me fix it, it doesnt work

#

.panels-3wFtMD > .container-YkUktl .flex-2S1XBF > :not(:last-child) {
opacity: 0% !important;
width: 0px;
transition: all 0.2s ease-in-out;
}

.panels-3wFtMD > .container-YkUktl:hover .flex-2S1XBF > :not(:last-child) {
opacity: 100% !important;
width: 32px;
}

.container-YkUktl {
justify-content: space-between;
}

#

it displays this on hover and makes them dissapear when not hovered on

exotic nexus Jan 15, 2024, 3:53 AM

#

Ai cant generate discord themes

grand surge Jan 15, 2024, 3:54 AM

#

o ok

summer adder Jan 15, 2024, 3:55 AM

#

grand surge .panels-3wFtMD > .container-YkUktl .flex-2S1XBF > :not(:last-child) { opacit...

do you are have the big dumb?

grand surge Jan 15, 2024, 3:55 AM

#

summer adder do you are have the big dumb?

yes im dumb but i want the feature

#

lol

summer adder Jan 15, 2024, 3:56 AM

#

then please for the love of god code it yourself instead of asking ai to do it

deft niche Jan 15, 2024, 3:56 AM

#

grand surge this is ai gen, can someone help me fix it, it doesnt work

husk x 99999999999999

grand surge Jan 15, 2024, 3:56 AM

#

summer adder then please for the love of god code it yourself instead of asking ai to do it

is it really that ad of code

grand surge Jan 15, 2024, 3:56 AM

#

deft niche <:husk:1026532993923293184> x 99999999999999

💀

deft niche Jan 15, 2024, 3:56 AM

#

grand surge 💀

"Do not open pull requests with or ask for help with ai written code. Ai is incredibly stupid when it comes to code and you're wasting both of our time. You will permanently lose access to all dev channels and possibly be blocked from the repo if you do so"

summer adder Jan 15, 2024, 3:57 AM

#

grand surge is it really that ad of code

its bad that you're using AI.

#

for one of the SIMPLEST LANGUAGES

deft niche Jan 15, 2024, 3:57 AM

#

Ai is an amazing tool for learning, asking questions, and troubleshooting simple errors but for the love of god don't actually try to get it to code for you

#

You'll just end up with a scrambled fucked up mess

grand surge Jan 15, 2024, 3:57 AM

#

ok

deft niche Jan 15, 2024, 3:57 AM

#

It doesnt have access to the source code, inspect element, or anything else relevant. Why would it?

grand surge Jan 15, 2024, 3:57 AM

#

https://cdn.discordapp.com/emojis/977879042705489970.webp?size=64&name=SkullCry&quality=lossless

summer adder Jan 15, 2024, 3:58 AM

#

deft niche It doesnt have access to the source code, inspect element, or anything else rele...

havent you heard clearly ai is taking over the world

#

Troll

deft niche Jan 15, 2024, 3:58 AM

#

trollf

#

Vencord ai theme maker update when

summer adder Jan 15, 2024, 3:58 AM

#

GOD NO

deft niche Jan 15, 2024, 3:58 AM

#

Simply type in a prompt and the ai will make you a theme!!1!221111!1!1!!1!1

#

Best update ever

#

(kill me)

summer adder Jan 15, 2024, 4:00 AM

#

cause its so hard to just

#

[role="switch"] {opacity: 0%;}
[role="switch"]:hover {opacity: 100%;}```

#

https://files.catbox.moe/m498rq.mp4

▶ Play video

#

no way in hell you tried getting AI to help you with THAT

#

hell if you wanna effect the settings too

#

[role="switch"] {opacity: 0%;}
[role="switch"]:hover {opacity: 100%;}
[aria-label="User Settings"] {opacity: 0%;}
[aria-label="User Settings"]:hover {opacity: 100%}```

#

hell want animations? https://files.catbox.moe/csjg8i.mp4

▶ Play video

#

[role="switch"] {opacity: 0%;transform: rotateZ(0deg);transition: 0.3s ease-in-out;}
[role="switch"]:hover {opacity: 100%;transform: rotateZ(-5deg)}
[aria-label="User Settings"] {opacity: 0%;transform: rotateZ(0deg);transition: 0.3s ease-in-out}
[aria-label="User Settings"]:hover {opacity: 100%;transform: rotateZ(-5deg)}
.side_b4b3f6:hover {transform: rotateZ(0deg);}
.side_b4b3f6 {opacity: 100%}

#

really not that hard

grand surge Jan 15, 2024, 4:53 AM

#

i meant like

#

when hovered the entire section appears

#

and when not hovered on it disappears

#

but i fr appreciate you going out of your way to do it

summer adder Jan 15, 2024, 5:06 AM

#

even easier.

#

.container_ca50b9 {opacity: 0%;transition: 0.3s ease-in-out;}
.container_ca50b9:hover {opacity: 100%;}```

#

https://files.catbox.moe/hf3jsm.mp4

▶ Play video

#

you really didnt need AI for something like that.

grand surge Jan 15, 2024, 5:08 AM

#

summer adder ```css .container_ca50b9 {opacity: 0%;transition: 0.3s ease-in-out;} .container_...

thank you so much guy

grand surge Jan 15, 2024, 5:09 AM

#

summer adder https://files.catbox.moe/hf3jsm.mp4

can it be that only the setting, deafen and mut dissapear not the name and profile

#

im unclear lol

#

and how do you do that link thing

#

with the video

summer adder Jan 15, 2024, 5:12 AM

#

grand surge can it be that only the setting, deafen and mut dissapear not the name and profi...

.flex_f5fbb7.horizontal__992f6.justifyStart__42744.alignStretch_e239ef.noWrap__5c413:has([role="switch"]) {opacity: 0%;transition: 0.3s ease-in-out;}
.flex_f5fbb7.horizontal__992f6.justifyStart__42744.alignStretch_e239ef.noWrap__5c413:has([role="switch"]):hover {opacity: 100%;}```

#

https://files.catbox.moe/thumig.mp4

▶ Play video

grand surge Jan 15, 2024, 5:12 AM

#

ur

#

so

#

amazing

#

!

#

thank you

summer adder Jan 15, 2024, 5:15 AM

#

more optimized version of it before someone here complains "oH the codes messy!!" css .flex_f5fbb7:has([role="switch"]) {opacity: 0%;transition: 0.3s ease-in-out;} .flex_f5fbb7:has([role="switch"]):hover {opacity: 100%;}

grand surge Jan 15, 2024, 5:17 AM

#

ok

#

final

#

task

#

nah

#

im jk

#

the code that you gave is perfect

#

thanks!

grand surge Jan 15, 2024, 9:40 AM

#

grand surge this is ai gen, can someone help me fix it, it doesnt work

discord changed their classes... probably why also gpt stupid

#

is your snippet in #🎨-css-snippets ai generated

plain kelp Jan 15, 2024, 9:41 AM

#

That's the problem with randomized classes — they change sometimes

grand surge Jan 15, 2024, 9:42 AM

#

ill randomise you

plain kelp Jan 15, 2024, 9:42 AM

#

Be my guest

grand surge Jan 15, 2024, 9:42 AM

#

hypershiggy

#

too*

solid ore Jan 15, 2024, 9:47 AM

#

grand surge discord changed their classes... probably why also gpt stupid

wait they changed them again?

grand surge Jan 15, 2024, 9:49 AM

#

solid ore wait they changed them again?

a while ago

plain kelp Jan 15, 2024, 9:50 AM

#

Seems they released a new version (256231 → 259048) this saturday

#

So it's unsurprising that the classes would have changed

grand surge Jan 15, 2024, 9:50 AM

#

just their ai code is .balls-69420 should be .balls_69420

plain kelp Jan 15, 2024, 9:51 AM

#

I don't understand why ai would be relevant

grand surge Jan 15, 2024, 9:51 AM

#

wdym

plain kelp Jan 15, 2024, 9:51 AM

#

Why are you bringing up ai

grand surge Jan 15, 2024, 9:51 AM

#

because their code is ai generated

plain kelp Jan 15, 2024, 9:51 AM

#

Why do you think that

devout elm Jan 15, 2024, 9:52 AM

#

cus they said its ai gen :p

grand surge Jan 15, 2024, 9:52 AM

#

because they said so and it uses the old classes system

#

#announcements message

plain kelp Jan 15, 2024, 9:54 AM

#

That rule is saying "if you're using ai to write code we won't help you debug it", not "discord code is ai-made"

grand surge Jan 15, 2024, 9:54 AM

#

??

#

they asked for help with ai gen code

plain kelp Jan 15, 2024, 9:55 AM

#

Oh wait you mean some guy who asked for help earlier in this channel did

clear siren Jan 15, 2024, 9:55 AM

#

plain kelp Jan 15, 2024, 9:55 AM

#

Damn, completely misread the conversation

clear siren Jan 15, 2024, 9:57 AM

#

I'm actually surprised the ai made something half decent although it's using the old classes

grand surge Jan 15, 2024, 9:57 AM

#

it’s already a thing in snippets i’m pretty sure

clear siren Jan 15, 2024, 9:57 AM

#

not saying it's correct either way but yeah

plain kelp Jan 15, 2024, 9:58 AM

#

Any code using the mangled class names is automatically a time bomb

#

Nobody should be writing themes that way, ai or not

grand surge Jan 15, 2024, 9:58 AM

#

write me a ad block popup theme

clear siren Jan 15, 2024, 9:59 AM

#

plain kelp Nobody should be writing themes that way, ai or not

and then there's some people that see attribute selectors like [class^=container_] and flip out because PERFORMANCE

#

I use attribute selectors for everything after the classening happened

plain kelp Jan 15, 2024, 10:00 AM

#

For me it's more of an issue of ```
❯ rg 'container:"container_' -o | wc -l
449

#

In other words, [class^=container_] matches 449 different classes

clear siren Jan 15, 2024, 10:03 AM

#

yeah I know, just requires a parent, with them the code also actually becomes kinda self-documenting in many cases because the selector is less vague lol

plain kelp Jan 15, 2024, 10:04 AM

#

I write mine like ```css
.ChatContainer__chatContainer,
.ThreadSplit__container,
.Settings__contentRegion,
.FriendList__peopleColumn,
.BrowseChannels__container.BrowseChannels__container,
.MessageRequests__container,
_ { background: var(--98-primary); }

#

Made a plugin that gives stable names to classes, that is

clear siren Jan 15, 2024, 10:04 AM

#

yeah I saw that

plain kelp Jan 15, 2024, 10:05 AM

#

Of course that requires a bit of work for naming the different modules, but eh, can't have everything

clear siren Jan 15, 2024, 10:09 AM

#

no ai can write css as mangled as mine

solid ore Jan 15, 2024, 10:22 AM

#

plain kelp Made a plugin that gives stable names to classes, that is

where can i find that? i dont see it in #1032200195582197831

plain kelp Jan 15, 2024, 10:23 AM

#

Don't think I've posted it there

#

But it's in the same repo as my other plugins, at https://github.com/Kyuuhachi/VencordPlugins/tree/main/Classify

grand surge Jan 15, 2024, 10:24 AM

#

clear siren no ai can write css as mangled as mine

i have entered

grand surge Jan 15, 2024, 11:21 AM

#

grand surge is your snippet in <#1028106818368589824> ai generated

Mine is AI gen but it ain't in the css snippet chanel

grand surge Jan 15, 2024, 11:22 AM

#

plain kelp Why do you think that

And cause I don't know how to code😅

plain kelp Jan 15, 2024, 11:22 AM

#

And you think a random sentence generator can

grand surge Jan 15, 2024, 11:23 AM

#

What are you referring to?

plain kelp Jan 15, 2024, 11:23 AM

#

That you asked an ai to write a theme

grand surge Jan 15, 2024, 11:23 AM

#

plain kelp But it's in the same repo as my other plugins, at <https://github.com/Kyuuhachi/...

I'll use that, thank you

grand surge Jan 15, 2024, 11:24 AM

#

plain kelp That you asked an ai to write a theme

Well I thought it could do it

#

But it can't

#

😂

grand surge Jan 15, 2024, 11:51 AM

#

grand surge And cause I don't know how to code😅

learn

grand surge Jan 15, 2024, 11:53 AM

#

grand surge learn

I will and want

#

🫡

summer adder Jan 15, 2024, 3:05 PM

#

also btw just an fyi learning isnt using chatgpt to generate your code

pure cairn Jan 15, 2024, 3:17 PM

#

summer adder more optimized version of it before someone here complains "oH the codes messy!!...

Sorry for bothering you, but is there a way to hide the "share screen" button (the one that comes out when you start an activity) as well from that same section? I tried looking for it with inspect element but I don't know css at all so it's a bit though NotLikeHaachama
Thanks in advance and again, sorry for bothering

deep bane Jan 15, 2024, 4:28 PM

#

pure cairn Sorry for bothering you, but is there a way to hide the "share screen" button (t...

https://tenor.com/view/huh-dog-huh-dog-gif-9454444978823724629

Tenor

pure cairn Jan 15, 2024, 4:32 PM

#

deep bane https://tenor.com/view/huh-dog-huh-dog-gif-9454444978823724629

#

hope that clarifies it a bit more

clear siren Jan 15, 2024, 4:33 PM

#

how did you try using inspect element on it

#

and how did that not give you everything you need to select that element and do display:none on it

#

I'm sure you can figure it out :)

pure cairn Jan 15, 2024, 4:36 PM

#

clear siren how did you try using inspect element on it

I just opened console on discord and clicked on it... I had to enable the plugin that prevents discord from logging me off first though

pure cairn Jan 15, 2024, 4:38 PM

#

clear siren and how did that not give you everything you need to select that element and do ...

I just... don't know how to work with css at all, I don't know what to get from the console and stuff

#

sorry

deep bane Jan 15, 2024, 4:38 PM

#

so you dont want to have the stream button shown?

pure cairn Jan 15, 2024, 4:39 PM

#

I would like it to appear when I'm hovering the user area, just like the snipped I quoted did with the other buttons

deep bane Jan 15, 2024, 4:42 PM

#

.actionButtons_b58cbb {
  opacity:0;
  transition: 0.3s ease
}
.actionButtons_b58cbb:hover {
  opacity:1;
}

sweet lark Jan 15, 2024, 4:42 PM

#

spoonfed

deep bane Jan 15, 2024, 4:43 PM

#

yesyes

pure cairn Jan 15, 2024, 4:43 PM

#

deep bane ```css .actionButtons_b58cbb { opacity:0; transition: 0.3s ease } .actionBut...

ok, where did you get the _b58cbb from?

deep bane Jan 15, 2024, 4:43 PM

#

from the console

#

NOWAY

sweet lark Jan 15, 2024, 4:44 PM

#

from the Element maybe

pure cairn Jan 15, 2024, 4:44 PM

#

yeah ok, which part though? because I have it open and I don't see that code anywhere

deep bane Jan 15, 2024, 4:44 PM

#

pure cairn yeah ok, which part though? because I have it open and I don't see that code any...

https://tenor.com/view/cat-cats-cat-meme-meme-meme-cat-gif-14470917232397934693

Tenor

#

sweet lark Jan 15, 2024, 4:45 PM

#

Hmm

deep bane Jan 15, 2024, 4:45 PM

#

.actionButtons_b58cbb:has([aria-label="Share Your Screen"]) {
  opacity:0;
  transition: 0.3s ease
}
.actionButtons_b58cbb:has([aria-label="Share Your Screen"]):hover {
  opacity:1;
}```

#

idk if the class is used anywhere else

#

so heres fool proof

#

i guess

#

only english

#

cause default language

#

YesYes

pure cairn Jan 15, 2024, 4:46 PM

#

yeah, I have English language so it's not an issue

#

I just
don't see the b58cbb anywhere

#

actually, I don't know where I should get it from

#

I'm sorry if I sound stupid, but I'm really slow at this

deep bane Jan 15, 2024, 4:47 PM

#

version based on icon

.actionButtons_b58cbb:has([d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"]) {
  opacity:0;
  transition: 0.3s ease
}
.actionButtons_b58cbb:has([d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"]):hover {
  opacity:1;
}```

deep bane Jan 15, 2024, 4:47 PM

#

pure cairn I'm sorry if I sound stupid, but I'm really slow at this

theres a copy button

#

https://tenor.com/view/kurt-kurt-angle-100-yard-stare-what-are-you-serious-gif-4081464694509837388

Tenor

pure cairn Jan 15, 2024, 4:48 PM

#

thanks for telling me, I didn't know about that

sweet lark Jan 15, 2024, 4:48 PM

#

pure cairn I'm sorry if I sound stupid, but I'm really slow at this

Krammeth — Today at 5:38 PM
I just... don't know how to work with css at all, I don't know what to get from the console and stuff

#

who wouldve thought that not knowing css will be problematic when trying to write css

deep bane Jan 15, 2024, 4:49 PM

#

sweet lark who wouldve thought that not knowing css will be problematic when trying to writ...

https://tenor.com/view/noway-gif-254273188714127328

Tenor

#

use chatgpt

glad urchin Jan 15, 2024, 4:50 PM

#

@summer adder i remember you were asking about an embed bug

#

does it have something to do with zoom?

#

weirdly, at 100% images look blurry
compared to 110%

#

WHY IS IT CHANGING THE WIDTH/HEIGHT PARAMS ON ZOOM

pure cairn Jan 15, 2024, 4:56 PM

#

deep bane version based on icon ```css .actionButtons_b58cbb:has([d="M2 4.5C2 3.397 2.897 ...

ok so, I basically tried all of them
I think it's a different button

deep bane Jan 15, 2024, 4:57 PM

#

.actionButtons_b58cbb:has([d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"]) {
  opacity:0;
  transition: 0.3s ease;
  margin-top:-24px;
}
.actionButtons_b58cbb:has([d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"]):hover {
  opacity:1;
  margin-top:0px;
}```

deep bane Jan 15, 2024, 4:57 PM

#

pure cairn ok so, I basically tried all of them I think it's a different button

?

#

pure cairn Jan 15, 2024, 4:58 PM

#

yeah, it's not the same button I'm talking about

summer adder Jan 15, 2024, 4:58 PM

#

glad urchin <@839204836637147177> i remember you were asking about an embed bug

i completely forgot you’re gonna have to trace back that message

pure cairn Jan 15, 2024, 4:58 PM

#

pure cairn

this one pops out when you open a game/software without being in a vc already

glad urchin Jan 15, 2024, 4:58 PM

#

summer adder i completely forgot you’re gonna have to trace back that message

im guessing this isnt css-fixable...?

deep bane Jan 15, 2024, 5:00 PM

#

pure cairn this one pops out when you open a game/software without being in a vc already

then post a s creenshot

pure cairn Jan 15, 2024, 5:00 PM

#

pure cairn this one pops out when you open a game/software without being in a vc already

matter of fact, when I hover it, it says "stream <whatever program>"

deep bane Jan 15, 2024, 5:00 PM

#

oh my god youre talking about that

#

jesus christ

pure cairn Jan 15, 2024, 5:01 PM

#

glad urchin Jan 15, 2024, 5:03 PM

#

* {
  image-rendering: pixelated !important;
}```
this kinda fixes it

deep bane Jan 15, 2024, 5:03 PM

#

.activityPanel__22355 button[aria-label*="Stream"] {
  opacity:0;
  transition: 0.3s ease;
}
.activityPanel__22355 button[aria-label*="Stream"]:hover {
  opacity:1;
}

deep bane Jan 15, 2024, 5:03 PM

#

glad urchin ```css * { image-rendering: pixelated !important; }``` this kinda fixes it

thats gotta be laggy

#

why not html

#

or sum

deep bane Jan 15, 2024, 5:04 PM

#

deep bane ```css .activityPanel__22355 button[aria-label*="Stream"] { opacity:0; trans...

.activityPanel__22355 button[aria-label*="Stream"] {
  opacity:0;
  transition: 0.3s ease;
}
.activityPanel__22355:hover button[aria-label*="Stream"]{
  opacity:1;
}```

#

Better version

#

atleast i think

deep bane Jan 15, 2024, 5:06 PM

#

deep bane ```css .activityPanel__22355 button[aria-label*="Stream"] { opacity:0; trans...

the besterest version

.panels__58331 button[aria-label*="Stream"] {
  opacity:0;
  transition: 0.3s ease;
}
.panels__58331:hover button[aria-label*="Stream"]{
  opacity:1;
}```

sweet lark Jan 15, 2024, 5:06 PM

#

deep bane the besterest version ```css .panels__58331 button[aria-label*="Stream"] { opa...

deep bane Jan 15, 2024, 5:06 PM

#

what

#

why is hevin kart doubting me

#

hevin kart

#

how did i misspell that

glad urchin Jan 15, 2024, 5:07 PM

#

glad urchin ```css * { image-rendering: pixelated !important; }``` this kinda fixes it

breaks emojis

sweet lark Jan 15, 2024, 5:08 PM

#

deep bane how did i misspell that

lmfao

#

i didnt even notice

deep bane Jan 15, 2024, 5:08 PM

#

me neither

#

too much tassive mits

summer adder Jan 15, 2024, 5:10 PM

#

glad urchin im guessing this isnt css-fixable...?

dude what im saying is i completely forgot i dont at all know what you're talking about

#

about the 'embed bug'

pure cairn Jan 15, 2024, 5:11 PM

#

deep bane the besterest version ```css .panels__58331 button[aria-label*="Stream"] { opa...

thank you very much, at least now I understood what to look for

glad urchin Jan 15, 2024, 5:12 PM

#

summer adder dude what im saying is i completely forgot i dont at all know what you're talkin...

ah nvm

summer adder Jan 15, 2024, 5:12 PM

#

lol

glad urchin Jan 15, 2024, 5:14 PM

#

found it #🧊-off-topic-iceman-only message

#

completely different

pure cairn Jan 15, 2024, 5:16 PM

#

sweet lark who wouldve thought that not knowing css will be problematic when trying to writ...

yeah, I said that at the beginning
sorry again if this whole thing looked dumb from my side, because I feel like it definitely did
at least now I understand what to look for in the console

deep bane Jan 15, 2024, 5:17 PM

#

pure cairn yeah, I said that at the beginning sorry again if this whole thing looked dumb f...

Clueless Surely

pure cairn Jan 15, 2024, 5:18 PM

#

yeah, the emoji is literally me fr fr

sweet lark Jan 15, 2024, 5:18 PM

#

if u wanna do css, learn css

summer adder Jan 15, 2024, 5:20 PM

#

glad urchin found it https://canary.discord.com/channels/1015060230222131221/101506023106098...

ahh yeah

pure cairn Jan 15, 2024, 5:20 PM

#

noted 👍

summer adder Jan 15, 2024, 5:20 PM

#

it was a plugin problem itself

pure cairn Jan 15, 2024, 5:20 PM

#

thanks for the help though

deep bane Jan 15, 2024, 5:20 PM

#

sweet lark if u wanna do css, learn css

Css popped into my head randomly one day GigaChad

sweet lark Jan 15, 2024, 5:20 PM

#

deep bane Css popped into my head randomly one day <:GigaChad:907362934534053928>

true

pure cairn Jan 15, 2024, 5:21 PM

#

deep bane Css popped into my head randomly one day <:GigaChad:907362934534053928>

rugged echo Jan 15, 2024, 5:33 PM

#

whar

deep bane Jan 15, 2024, 7:06 PM

#

Make Code Blocks Dynamic/Not take up all of the chat width if not needed

.codeContainer__1ded4,.shiki-container {
  width:fit-content;
}```

#

clear siren Jan 15, 2024, 7:08 PM

#

add .shiki-container to the selector to support shikicodeblocks

deep bane Jan 15, 2024, 7:09 PM

#

~~.shiggy-container~~

solid ore Jan 15, 2024, 7:10 PM

#

deep bane Make Code Blocks Dynamic/Not take up all of the chat width if not needed ```css ...

wat abt the copy button, it'll just be floating

clear siren Jan 15, 2024, 7:11 PM

#

works fine with shiki

deep bane Jan 15, 2024, 7:11 PM

#

no

#

it works fine dude

#

solid ore Jan 15, 2024, 7:12 PM

#

oh

clear siren Jan 15, 2024, 7:12 PM

#

and with shiki it looks like this

deep bane Jan 15, 2024, 7:16 PM

#

clear siren and with shiki it looks like this

how do you have the colors like that

clear siren Jan 15, 2024, 7:16 PM

#

it's a setting in the plugin

summer adder Jan 15, 2024, 7:39 PM

#

clear siren it's a setting in the plugin

didn’t even know you can link to custom vscode themes, time to use catppuchin mocha

celest ridge Jan 15, 2024, 8:04 PM

#

this isnt related to vencord but i need css help im going insane

#

#

why is .content not filling the height of the main

#

@edgy sentinel

#

if ur awake

rapid cairn Jan 15, 2024, 8:06 PM

#

idk but remove random stuff and try again idk

edgy sentinel Jan 15, 2024, 8:13 PM

#

wdym?

#

it seems to fill the main

#

oh

#

I didnt see last image lol

celest ridge Jan 15, 2024, 8:14 PM

#

xdxd

solid ore Jan 15, 2024, 8:14 PM

#

celest ridge why is `.content` not filling the height of the `main`

not entirely sure but probably bc the text inside .content isnt long enough, height: 100% is relative to the contents of .content

edgy sentinel Jan 15, 2024, 8:14 PM

#

why flex 1 on parent

solid ore Jan 15, 2024, 8:14 PM

#

i think

celest ridge Jan 15, 2024, 8:14 PM

#

it should be relative to the parent container

edgy sentinel Jan 15, 2024, 8:14 PM

#

height percent is relative to the parent

#

nothing to do with content

solid ore Jan 15, 2024, 8:14 PM

#

oh nvm

#

mb

celest ridge Jan 15, 2024, 8:14 PM

#

loll its ok

edgy sentinel Jan 15, 2024, 8:14 PM

#

edgy sentinel why flex 1 on parent

remove

celest ridge Jan 15, 2024, 8:14 PM

#

cus

#

theres a sidebar

#

and its a flex row

#

responsive and stuff ykyk

#

i was using a css grid before but

edgy sentinel Jan 15, 2024, 8:16 PM

#

tbh that's weird it should work

celest ridge Jan 15, 2024, 8:16 PM

#

it couldnt do sticky correctly

#

grrr thats okay i guess the text doesnt HAVE to be centered vertically

#

but that sos ad

edgy sentinel Jan 15, 2024, 8:17 PM

#

uh

#

you can still center vertically

#

just center .content

celest ridge Jan 15, 2024, 8:17 PM

#

main is from a reusable layout

edgy sentinel Jan 15, 2024, 8:17 PM

#

oh

celest ridge Jan 15, 2024, 8:17 PM

#

and .content is from the specific page

edgy sentinel Jan 15, 2024, 8:17 PM

#

ok

#

m

#

but content really should fill

celest ridge Jan 15, 2024, 8:17 PM

#

YEA IM GONNA KILL CSS

edgy sentinel Jan 15, 2024, 8:17 PM

#

why doesn't it

#

try to set min height on content

celest ridge Jan 15, 2024, 8:18 PM

#

yea i did

#

its actually supposed to be min height not height

edgy sentinel Jan 15, 2024, 8:18 PM

#

aaiitt

celest ridge Jan 15, 2024, 8:18 PM

#

i also tried these niche values

edgy sentinel Jan 15, 2024, 8:18 PM

#

uh

#

can you try changing main from min-height to height

celest ridge Jan 15, 2024, 8:19 PM

#

oo sure

edgy sentinel Jan 15, 2024, 8:19 PM

#

ik that's not what you want but just for testing

celest ridge Jan 15, 2024, 8:19 PM

#

yea

#

doesnt change anything

edgy sentinel Jan 15, 2024, 8:19 PM

#

celest ridge doesnt change anything

howww

#

can you send minimal repro

celest ridge Jan 15, 2024, 8:19 PM

#

yess

#

pen.new time

#

thanks mdn

edgy sentinel Jan 15, 2024, 8:23 PM

#

okay so

#

celest ridge Jan 15, 2024, 8:24 PM

#

waot wajt

edgy sentinel Jan 15, 2024, 8:24 PM

#

but for me its fixed once i change main from min-height to height

#

LOL

celest ridge Jan 15, 2024, 8:25 PM

#

wait ur right

edgy sentinel Jan 15, 2024, 8:25 PM

#

okay so this is quirky with css

#

if parent is height: auto then % doesnt work?

celest ridge Jan 15, 2024, 8:25 PM

#

im stupid it was min height

edgy sentinel Jan 15, 2024, 8:25 PM

#

but the fix is easy

#

add height: 1px to the parent

celest ridge Jan 15, 2024, 8:26 PM

#

intereting

edgy sentinel Jan 15, 2024, 8:26 PM

#

main {
  min-height: 100%;
  height: 1px; /* we love css quirks */
}

#

amazing

#

https://bugs.webkit.org/show_bug.cgi?id=26559

#

RESOLVED FIXED Aki_Think

#

i dont think so

#

The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'.

#

you'll have to put flex or smth on the main and use flex grow

#

or do the 1px hack but that might fix it to 100%? and not let it grow further

edgy sentinel Jan 15, 2024, 8:32 PM

#

edgy sentinel you'll have to put flex or smth on the `main` and use flex grow

tbh i always put flex on my outer wrapper anyway cause then i can do

<wrapper>
  <header />
  <main />
  <footer />
</wrapper>
``` and set wrapper min-height to 100% and put `margin-top: auto` on the footer to push it to the bottom

celest ridge Jan 15, 2024, 8:34 PM

#

ok sorry had to brb

#

i guess i could make main a flex column

#

and if u want normal functionality just put a flex grow div in there

#

yeaa

#

thats so annoying ugh cus now i have to like

#

do it all the way down the tree

#

cus now .content is flex: 1 but .content > .status also cant height: 100%??

edgy sentinel Jan 15, 2024, 8:42 PM

#

horror

#

wait how did i not have that issue

celest ridge Jan 15, 2024, 8:42 PM

#

where

edgy sentinel Jan 15, 2024, 8:42 PM

#

on my website, this is my body

celest ridge Jan 15, 2024, 8:43 PM

#

wth

edgy sentinel Jan 15, 2024, 8:43 PM

#

well i dont use height: 100% anywhere

#

interesting

celest ridge Jan 15, 2024, 8:43 PM

#

why is your body width 100

edgy sentinel Jan 15, 2024, 8:43 PM

#

i wonder if it would work

edgy sentinel Jan 15, 2024, 8:44 PM

#

celest ridge why is your body width 100

not needed does nothing

#

do you mean the ```css
min-height: 100vh;
min-height: -webkit-fill-available;
min-height: stretch;
min-height: fill-available;

#

no

#

its necessary

#

celest ridge Jan 15, 2024, 8:45 PM

#

theres new units for that i think

edgy sentinel Jan 15, 2024, 8:45 PM

#

something relating to the address bar being hidden when u scroll down

celest ridge Jan 15, 2024, 8:46 PM

#

yea

edgy sentinel Jan 15, 2024, 8:46 PM

#

so 100vh is not actually the entire height sometimes

#

fill-available is what you need

celest ridge Jan 15, 2024, 8:47 PM

#

yea

#

svh, lvh, dvh

edgy sentinel Jan 15, 2024, 8:47 PM

#

are those supported yet

celest ridge Jan 15, 2024, 8:48 PM

#

i think so

#

firefox for android and samsung internet both

#

crazy

edgy sentinel Jan 15, 2024, 8:48 PM

#

so dvh is what i need?

celest ridge Jan 15, 2024, 8:49 PM

#

yea i think so its like

#

yea

edgy sentinel Jan 15, 2024, 8:49 PM

#

https://developer.mozilla.org/en-US/docs/Web/CSS/length#relative_length_units_based_on_viewport

MDN Web Docs

- CSS: Cascading Style Sheets | MDN

The CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-shadow.

#

mm i will have to try that

#

but that means it might resize everything during scroll lmao

celest ridge Jan 15, 2024, 8:49 PM

#

banger units

#

maybe

#

i think when dvh changes its not actuall scrolling

edgy sentinel Jan 15, 2024, 8:50 PM

#

this is so hot

edgy sentinel Jan 15, 2024, 8:50 PM

#

celest ridge i think when `dvh` changes its not actuall scrolling

no it can be lol

celest ridge Jan 15, 2024, 8:50 PM

#

wtf thats so WEIRD

edgy sentinel Jan 15, 2024, 8:50 PM

#

most android browsers when u scroll down will hide the address bar

#

when u scroll up it shows address bar again

celest ridge Jan 15, 2024, 8:50 PM

#

no yea but i mean like

#

the scrollTop wouldnt actualyl change til

#

dvh hits either svh or lvh

#

i THINK

#

yea i just tested

#

atleast on chrome

edgy sentinel Jan 15, 2024, 9:08 PM

#

anyway yep 100dvh does what i want as well

#

celest ridge Jan 15, 2024, 9:20 PM

#

fire

vestal field Jan 15, 2024, 10:07 PM

#

would height: 100% on every element not work?

#

i remember doing that on a site i made

deft niche Jan 15, 2024, 10:43 PM

#

Is there a way i can hide all these tooltips on everything? i might have asked this before but i kinda forgot about it

clear siren Jan 15, 2024, 10:44 PM

#

yes

#

take your pick

deft niche Jan 15, 2024, 10:46 PM

#

Oh wtf its that simple? bruhcat