#🎨-theme-development | libVencore | Page 7

edgy sentinel Sep 28, 2023, 12:19 AM

#

no

#

you just need to make sure ur filters are still specific enough

glossy aurora Sep 28, 2023, 12:20 AM

#

they add a bit of lag but are necessary if the class you want to check for isn't at the start of the element's list

edgy sentinel Sep 28, 2023, 12:33 AM

#

they add a bit of lag
source?

glacial barn Sep 28, 2023, 12:43 AM

#

ok, thanks, I just didn't want to bother checking if the numbers/letters after the class changed or not ('cause on some elements they do, and on some other they don't), but I'll maybe look into changing them when I'm finished with the css I'm doing

gilded cloak Sep 28, 2023, 1:00 AM

#

grand surge Sep 28, 2023, 1:49 AM

#

gilded cloak

W

edgy sentinel Sep 28, 2023, 1:59 AM

#

glacial barn ok, thanks, I just didn't want to bother checking if the numbers/letters after t...

they do but only occasionaly

#

whenever discord adds new classes or updates the existing css, the affected classes will change

gilded cloak Sep 28, 2023, 2:45 AM

#

edgy sentinel >they add a bit of lag source?

random benchmark by a stackoverflow user:
https://measurethat.net/Benchmarks/ShowResult/436379

edgy sentinel Sep 28, 2023, 2:47 AM

#

now look how many operations per ms

#

you're telling me it matters whether you can do 5 million or 3 million

gilded cloak Sep 28, 2023, 2:48 AM

#

true

edgy sentinel Sep 28, 2023, 2:48 AM

#

it doesn't make a big difference which of the two you use

#

what matters more is writing very inefficient selectors

#

like overusing wildcards or element selectors

#

using too specific selectors

#

overusing has

#

etc

#

renxFLOWER

#

first write theme then if u notice it's laggy fix the lag

#

don't try to fix lag ahead of time

#

premature eja- uhh optimisation

gilded cloak Sep 28, 2023, 2:51 AM

#

which do you think is faster:

trying to target a very exact path

main section article:has(> div > div > div:first-child > div > div > div > div > div:first-child > svg > g > path[d^="M4.75 3.79l4.603"])

letting it figure it out itself

article:has(path[d^="M4.75 3.79l4.603"])

This is css to target retweets in twitter

#

it gets VERY laggy very fast with either of them

edgy sentinel Sep 28, 2023, 2:52 AM

#

really?

#

anyway the latter

#

css goes from left to right so your more specific selector actually makes it worse

#

the latter shouldn't cause any issues

gilded cloak Sep 28, 2023, 2:55 AM

#

I think the main reason its laggy is because its hiding so many retweets that it has to keep asking for more to show

#

that gray block is all the divider lines between tweets I hid

toxic remnant Sep 28, 2023, 7:35 PM

#

[Question] Hey, so i have this css thing to make the sidebar expandable

/* Sidebar grip point */
:root {
--sidebar-initial-width: 240px;
} 
.sidebar-1tnWFu {
resize: horizontal; 
width: var(--sidebar-initial-width);
}
.sidebar-1tnWFu .channel-2QD9_O {
max-width: unset;
}```
And it messes up the server banner [it seems to not span the entire width of the sidebar but rather have static width no matter the width of the sidebar] which i tried to fix with this thing:
```css
.bannerImage-3KhIJ6, .bannerImage-ubW8K-, .bannerImg-2PzH6z {
width: 100%;
}``` (part of the code snippet above actually came with the grip thingy but i modified it to make it work, but it didn't work in the end)
Can someone tell me what i'm doing wrong? I really like the grip point thingy but it bothers me everytime i see the messed up server banner
PS: pls ping if you have any solution

slim pond Sep 28, 2023, 7:57 PM

#

mortal mantle Sep 29, 2023, 4:53 AM

#

blbctscrd

vast delta Sep 29, 2023, 5:20 AM

#

toxic remnant [Question] Hey, so i have this css thing to make the sidebar expandable ```css ...

since when is there a resize property?

dark dragon Sep 29, 2023, 6:04 AM

#

Over a decade

mortal mantle Sep 29, 2023, 6:11 AM

#

edited message

#

trolley

teal cave Sep 29, 2023, 11:34 AM

#

toxic remnant [Question] Hey, so i have this css thing to make the sidebar expandable ```css ...

You also need to set height, iirc the innermost banner img has a fixed height set in HTML

wraith finch Sep 29, 2023, 1:42 PM

#

is there any css to disable the stupid profile decorations

#

i hate those

#

this seems like the better place to ask since #🧊-off-topic-iceman-only is locked

toxic yew Sep 29, 2023, 1:53 PM

#

[class*="bannerSVGWrapper-"] mask :not(circle):not(rect) {
    display: none;
}```

wraith finch Sep 29, 2023, 2:00 PM

#

Thank yuo

rugged echo Sep 29, 2023, 3:45 PM

#

wraith finch this seems like the better place to ask since <#1015060231060983891> is locked

damn discord fucking died and I was out

mystic oyster Sep 29, 2023, 11:04 PM

#

is there css code that fix that

mortal mantle Sep 29, 2023, 11:05 PM

#

Fix what

mystic oyster Sep 29, 2023, 11:05 PM

#

settings dosent appear

#

does the css takes time to load for these ppl that just started vencord?

#

cuz i just started and css dosent appear

mortal mantle Sep 29, 2023, 11:10 PM

#

go to settings and open the quickcss file

#

css should load immediately after starting vencord

mystic oyster Sep 29, 2023, 11:12 PM

#

u got anyfix for settings dosent appear

mortal mantle Sep 29, 2023, 11:15 PM

#

Check your theme

vast delta Sep 29, 2023, 11:15 PM

#

mortal mantle go to settings and open the quickcss file

AOI YOU ARE THE STUPID ONE TODAY

mortal mantle Sep 29, 2023, 11:15 PM

#

huh

vast delta Sep 29, 2023, 11:15 PM

#

they literally can't access settings because the button is gone haha

mortal mantle Sep 29, 2023, 11:16 PM

#

right ...

vast delta Sep 29, 2023, 11:16 PM

#

go to #🏥-vencord-support-🏥

#

I'll trigger the bot for you

mortal mantle Sep 29, 2023, 11:22 PM

#

vast delta AOI YOU ARE THE STUPID ONE TODAY

I just woke up sorry ....

vast delta Sep 29, 2023, 11:22 PM

#

it's 1:22 go to bed

mortal mantle Sep 29, 2023, 11:24 PM

#

No it's 6:22 silly

rugged echo Sep 29, 2023, 11:30 PM

#

vast delta they literally can't access settings because the button is gone haha

but control + ,

slim pond Sep 30, 2023, 6:03 AM

#

mini spotify player in discord

mortal mantle Sep 30, 2023, 6:09 AM

#

Finally Spotify controls mod is revived

slim pond Sep 30, 2023, 6:33 AM

#

it even does the hover thing

#

same with the activity

#

mortal mantle Sep 30, 2023, 7:02 AM

#

You should revive Spotify wave

rugged echo Sep 30, 2023, 7:02 AM

#

--spotify
this time its not a 200 line code

mortal mantle Sep 30, 2023, 7:02 AM

#

my Spotify code has reduced to below 100 line

#

to make it look consistent with other elements

rugged echo Sep 30, 2023, 7:03 AM

#

I remember it had a lot of lines, or maybe it was other of the like 4 versions of it

mortal mantle Sep 30, 2023, 7:05 AM

#

it used to be 500 or something

slim pond Sep 30, 2023, 7:08 AM

#

mine is currently at 150

#

and I just got it to 137

mortal mantle Sep 30, 2023, 7:10 AM

#

Around 200-210 lines for me if the style for the entire user panel is accounted for

#

including VC controls

slim pond Sep 30, 2023, 7:11 AM

#

mine is a simple restyle so I didn't expect it to have too many lines

mortal mantle Sep 30, 2023, 7:13 AM

#

I can't be bothered to restyle them all over again

#

So I will leave them at their current state

haughty totem Sep 30, 2023, 4:39 PM

#

@gilded cloak re https://dev.to/f53/my-style-strategy-1loh >

we can use CSS nesting with a preprocessor like Scss
:
that is available natively since a few months ago: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting
(just until Chrome gets with the program, you have to do

html {
  & body {```
in it instead of 
```css
html {
  body {```


)

DEV Community

My Style Strategy

The conventional way people write CSS is hard to read, maintain, and keep consistent. ...

Using CSS nesting - CSS: Cascading Style Sheets | MDN

The CSS Nesting module allows you to write your stylesheets so that they are easier to read, more modular, and more maintainable. As you are not constantly repeating selectors, the file size can also be reduced.

gilded cloak Sep 30, 2023, 4:40 PM

#

haughty totem <@280411966126948353> re https://dev.to/f53/my-style-strategy-1loh > > we can us...

I am aware, but it's not well supported

haughty totem Sep 30, 2023, 4:40 PM

#

oh, in what way?

gilded cloak Sep 30, 2023, 4:41 PM

#

Last I checked, Firefox doesn't support the & selector for it

haughty totem Sep 30, 2023, 4:41 PM

#

oi

gilded cloak Sep 30, 2023, 4:41 PM

#

And Firefox mobile did not support it at all

haughty totem Sep 30, 2023, 4:41 PM

#

oh:/

gilded cloak Sep 30, 2023, 4:42 PM

#

I had a note about it existing in normal css, but cut it to be brief

#

I am kind of shocked people read my blog

#

That blog in particular was more written as documentation for my coworkers because I was tired of reading their css

robust totem Sep 30, 2023, 4:55 PM

#

gilded cloak Last I checked, Firefox doesn't support the & selector for it

I think it's already fully supported in the latest nightly, along with correct parsing in the devtools

gilded cloak Sep 30, 2023, 4:55 PM

#

It's finally in nightly?

robust totem Sep 30, 2023, 4:55 PM

#

it could be in stable by now, not sure

#

oh yep it's in stable too

gilded cloak Sep 30, 2023, 5:03 PM

#

Neat

#

I will still be using and recommending Scss because of mixins and for loops

haughty totem Sep 30, 2023, 5:53 PM

#

gilded cloak That blog in particular was more written as documentation for my coworkers becau...

hehe nice

vast delta Sep 30, 2023, 7:23 PM

#

wait how exactly does the & selector work?

haughty totem Sep 30, 2023, 7:33 PM

#

basically it inserts the parent selector / ancestor selectors

#

a {
b: c;
&:not(d) {
e: f;}}

=

a {b:c}
a:not(d){e:f}

#

sorry lazy typist

remote willow Sep 30, 2023, 9:18 PM

#

We live. We love. We lie. (based on @\hadeandragon's snippet) ⚠️ Flashing lights

@keyframes smurf-cat {from{filter:opacity(0)}to{filter:opacity(100)}}
body{animation:infinite alternate smurf-cat 0.5s;background: url("https://i.ytimg.com/vi/seaHqIMTECo/maxresdefault.jpg");background-size: cover;}```

mortal mantle Sep 30, 2023, 11:00 PM

#

wtf is a opacity 100

still mango Sep 30, 2023, 11:52 PM

#

oops wrong channel moment
also can't post in #🎨-css-snippets so

[class*=avatarDecoration-]
{ display: none }
[class*=avatarDecorationHint-] > foreignObject {
  width: 80px;
  height: 80px;
  mask: url(#svg-mask-avatar-status-round-80);
}
[class*=avatarDecorationHint-] {
  top: -80px;
  left: 0px;
  position: relative;
}
[class*="bannerSVGWrapper-"] > mask > image
{ display: none; }

#

hides awful things

vast delta Oct 1, 2023, 11:45 AM

#

mortal mantle wtf is a opacity 100

LMAO

vast delta Oct 1, 2023, 11:46 AM

#

haughty totem basically it inserts the parent selector / ancestor selectors

wait so I can finally change a parent based on a child?

robust totem Oct 1, 2023, 12:07 PM

#

vast delta wait so I can finally change a parent based on a child?

internally it gets converted to individual selectors
for changing a parent based on a child you should use :has()

vast delta Oct 1, 2023, 2:27 PM

#

so no reason to use them

robust totem Oct 1, 2023, 4:43 PM

#

it's just nicer with less repetition

#

like I have a theme that gets applied to one specific thread channel with [data-list-id^="forum-channel-list-......"] > [role="list"] > li {}
and I don't need to worry whether a generic .header or .message class also messes up something else in another part of the app

edgy sentinel Oct 1, 2023, 4:48 PM

#

it also allows you to use less classes

.message-header {
  display: flex;

  img {
    border-radius: 50%;
  }

  p {
  }
}

dark dragon Oct 1, 2023, 4:55 PM

#

They're talking about specifically the ampersand combinator rather than nesting I think

mortal mantle Oct 1, 2023, 5:14 PM

#

I will try putting my quickcss through a scss converter to see what it does

#

as expected it broke the layout

graceful burrow Oct 1, 2023, 6:01 PM

#

mortal mantle as expected it broke the layout

hi, i was using your css snippet about the "improved usernames visibility" but the background color of the username doesn't show off, is there a way to fix that?

teal cave Oct 1, 2023, 6:21 PM

#

Apart from the usual pseudo selectors (&:hover, &:active, etc), there's also this scenario where & becomes useful:

// Some unavoidably long selector
.u2q34u3:has(.wef2sdfsd7f8[src=*="237847293489892"]) > .82342jk34h2b.2j34234 {
  .theme-light & {
    background-image: url(light.png);
  }
  .theme-dark & {
    background-image: url(dark.png);
}```

vast delta Oct 1, 2023, 8:43 PM

#

you know how i usually fix that issue? not supporting light mode trolley

balmy torrent Oct 1, 2023, 8:46 PM

#

mean

oak plover Oct 1, 2023, 8:51 PM

#

i support it but at like a very very

#

very slow pace

haughty totem Oct 1, 2023, 11:02 PM

#

teal cave Apart from the usual pseudo selectors (&:hover, &:active, etc), there's also thi...

oh neat

haughty totem Oct 1, 2023, 11:03 PM

#

vast delta so no reason to use them

nesting or &?

mortal mantle Oct 2, 2023, 1:25 AM

#

graceful burrow hi, i was using your css snippet about the "improved usernames visibility" but t...

color-mix only works on Vesktop

graceful burrow Oct 2, 2023, 1:21 PM

#

mortal mantle color-mix only works on Vesktop

so there's no way to get the same thing on client?

mortal mantle Oct 2, 2023, 1:49 PM

#

Not that I currently know of

teal cave Oct 2, 2023, 2:47 PM

#

tell discord to upgrade electron version trolley

#

(it will take them the next decade to do it)

mortal mantle Oct 2, 2023, 3:07 PM

#

Most sane discord theme

teal cave Oct 2, 2023, 3:20 PM

#

I would make it but I am already backlogged on like 4 themes agony

#

cursed shit that I am attempting rn, single colour with drop shadows only, this is for an audience of nobody

cedar cairn Oct 2, 2023, 3:23 PM

#

my eyes are bleeding

hallow comet Oct 2, 2023, 3:24 PM

#

you want eye bleed i could post my theme lol

teal cave Oct 2, 2023, 3:24 PM

#

cedar cairn my eyes are bleeding

don't worry there is also dark mode (the same thing, but grey and just as hard to read shiddohwell )

hallow comet Oct 2, 2023, 3:26 PM

#

my discord crashed when i went to post my gif of my theme

mortal mantle Oct 2, 2023, 3:26 PM

#

teal cave cursed shit that I am attempting rn, single colour with drop shadows only, this ...

Make a e-ink like theme

cedar cairn Oct 2, 2023, 3:27 PM

#

teal cave don't worry there is also dark mode (the same thing, but grey and just as hard t...

the light mode was not the reason

teal cave Oct 2, 2023, 3:32 PM

#

mortal mantle Make a e-ink like theme

Just low-ish contrast, black text on off-white bg?

mortal mantle Oct 2, 2023, 3:32 PM

#

and make it blink/flash on transition

teal cave Oct 2, 2023, 3:33 PM

#

should be doable, just wonder how the performance will be for that animation

lavish coyote Oct 2, 2023, 3:49 PM

#

yo how would this look with my linux rice

also is this public
i would be happy to test

#

pretty tired using dtm-08

looks like dog with this

zenith nova Oct 2, 2023, 3:51 PM

#

lavish coyote yo how would this look with my linux rice also is this public i would be happy...

Damn that looks pretty interesting, I think I saw it on GitHub a long time ago.
Anyways no, it has some performance issues that I only noticed recently, I know which parts of the theme cause the performance issues and I need to rewrite them.
Someone also commissioned an IE9+ theme for Firefox, and since I needed money, I had to stop working on the theme to work on the Firefox one:

lavish coyote Oct 2, 2023, 3:51 PM

#

damn

#

anyone else doing this but in the theme of discord and not wlm / msn

#

?

#

kinda like that 2005 mockup

zenith nova Oct 2, 2023, 3:52 PM

#

There are these but I don't know how well they hold up and I personally don't like them https://winclassic.net/post/5868

Discord classic / MSN theme & others | WinClassic

ere you can post your discord theme (better if its look old or classic ^^) I tried to do a classic theme, but i changed my mind tring to do a "MSN explorer 7 & 10 " style .(i now there is r

#

Nevermind

lavish coyote Oct 2, 2023, 3:52 PM

#

ive seen those
dont work sadly

#

man discord why did you have to go with electron

#

you could have choosed anything but electron for the desktop app

oak plover Oct 2, 2023, 3:53 PM

#

Or just better classes

zenith nova Oct 2, 2023, 3:53 PM

#

At least it's very themable with Vencord or any other client, otherwise it could be either easier or harder to change its look

zenith nova Oct 2, 2023, 3:54 PM

#

oak plover Or just better classes

For real

mortal mantle Oct 2, 2023, 3:54 PM

#

real

lavish coyote Oct 2, 2023, 3:54 PM

#

i would use vencord if it didnt have a custom border

mortal mantle Oct 2, 2023, 3:54 PM

#

custom border?

lavish coyote Oct 2, 2023, 3:54 PM

#

yeah it has a custom window border

oak plover Oct 2, 2023, 3:54 PM

#

Did you get vesktop or whatever it is

lavish coyote Oct 2, 2023, 3:54 PM

#

tf is vesktop

oak plover Oct 2, 2023, 3:55 PM

#

Idk what it’s called

safe python Oct 2, 2023, 3:55 PM

#

lavish coyote yeah it has a custom window border

?

#

send a screenshot

lavish coyote Oct 2, 2023, 3:55 PM

#

i would use ripcord if the voice chat worked and screen sharing and video worked

lavish coyote Oct 2, 2023, 3:55 PM

#

safe python send a screenshot

kinda like how your discord client has a border that isnt windows api shit

#

i like the linux version of electron not knowing what to do to the window because it doesnt know what linux is and it defaults to the theme engine my xorg session is using

#

gtk

#

makes it more customizable

safe python Oct 2, 2023, 3:57 PM

#

oh you mean the top bar?

lavish coyote Oct 2, 2023, 3:57 PM

#

yes

safe python Oct 2, 2023, 3:57 PM

#

that can be turned off from vencord settings

lavish coyote Oct 2, 2023, 3:57 PM

#

eh still the voice chat quality isnt great

#

stuff like stereo microphones are broken and shit because its literally the web browser version and not discord

cedar cairn Oct 2, 2023, 3:58 PM

#

stereo microphones also do not work in real discord

#

anything saying otherwise is placebo

lavish coyote Oct 2, 2023, 3:58 PM

#

yes but with plugins it does

also screensharing is broken for me on vencord

half crystal Oct 2, 2023, 3:58 PM

#

any way to remove the channels sidebar menu? i dont know enough about css to do it

lavish coyote Oct 2, 2023, 3:58 PM

#

cedar cairn stereo microphones also do not work in real discord

they just have it set off in the webrtc settings or whatever

cedar cairn Oct 2, 2023, 3:58 PM

#

no they don't, things are mono serverside

mortal mantle Oct 2, 2023, 3:58 PM

#

it isnt broken anymore on vesktop

lavish coyote Oct 2, 2023, 3:59 PM

#

cedar cairn no they don't, things are mono serverside

how come ive heard people with stereo many times

mortal mantle Oct 2, 2023, 3:59 PM

#

and the phrase stereo microphone itself is forbidden here

cedar cairn Oct 2, 2023, 3:59 PM

#

you're hearing things

lavish coyote Oct 2, 2023, 3:59 PM

#

like dumbass loud micers and shit on racist homophobe servers

lavish coyote Oct 2, 2023, 3:59 PM

#

cedar cairn you're hearing things

im not

#

seriously

#

i mean theres an entire server dedicated to stereo microphones on discord

mortal mantle Oct 2, 2023, 4:00 PM

#

#

first, read the server rules

lavish coyote Oct 2, 2023, 4:00 PM

#

ok

#

just a bit confused on why thats a rule

mortal mantle Oct 2, 2023, 4:01 PM

#

because far too many people asked for a feature that would never be able to be implemented

lavish coyote Oct 2, 2023, 4:01 PM

#

ok

#

anyways i have no use for this server as i dont use vencord so bye i guess

#

i came here for a theme

mortal mantle Oct 2, 2023, 4:16 PM

#

i wonder which one of these two would be a better choice for setting a global border radius (performance-wise)

vast delta Oct 2, 2023, 4:23 PM

#

actually probably the second one

balmy torrent Oct 2, 2023, 4:29 PM

#

lavish coyote yo how would this look with my linux rice also is this public i would be happy...

~~isn't this just windows xp~~

zenith nova Oct 2, 2023, 4:29 PM

#

No that's Linux

#

Xfce Luna theme

#

With a custom start menu too

balmy torrent Oct 2, 2023, 4:29 PM

#

yeah it's pretty convincing

zenith nova Oct 2, 2023, 4:29 PM

#

https://github.com/rozniak/xfce-winxp-tc

GitHub

GitHub - rozniak/xfce-winxp-tc: Windows XP stuff for XFCE

Windows XP stuff for XFCE. Contribute to rozniak/xfce-winxp-tc development by creating an account on GitHub.

#

That one

#

Looks so good

half crystal Oct 2, 2023, 4:48 PM

#

Snippet Submission:
Hide the Channel List on Certain servers (made because my personal server only has one channel.)

.sidebar-1tnWFu:has(.container-1NXEtd[aria-label="SERVERNAME (server)"]) {
    width: 0px!important;
}

teal cave Oct 2, 2023, 5:05 PM

#

This also gets rid of the user panel

#

Don't like that

half crystal Oct 2, 2023, 5:07 PM

#

teal cave This also gets rid of the user panel

which is why this only allows for certain servers, so you dont lock youself out of settings :p

teal cave Oct 2, 2023, 5:10 PM

#

Switching to another server just to access the user panel seems quite inconvenient, I'd rather use the hover-to-expand channel list than this

half crystal Oct 2, 2023, 5:12 PM

#

teal cave Switching to another server just to access the user panel seems quite inconvenie...

i mean you could also do this

teal cave Oct 2, 2023, 5:15 PM

#

Ctrl+, opens settings, user panel has other functions other than just opening the regular settings menu

#

simply put I have the feeling that if this snippet is posted, it will get husked

half crystal Oct 2, 2023, 5:18 PM

#

teal cave simply put I have the feeling that if this snippet is posted, it will get husked

almost all my old snippets were husked. i have bad ideas

teal cave Oct 2, 2023, 5:20 PM

#

half crystal almost all my old snippets were husked. i have bad ideas

it's just hyperspecific and comes with significant downsides, which doesn't necessarily make it a bad idea but just not great for posting yet. If you make it more general purpose and/or address the downsides, then it'll be better received.

half crystal Oct 2, 2023, 5:20 PM

#

teal cave it's just hyperspecific and comes with significant downsides, which doesn't nece...

ok https://cdn.discordapp.com/emojis/1153608486861680691.gif?size=48&name=nuclear_winter&quality=lossless

mortal mantle Oct 2, 2023, 5:23 PM

#

half crystal i mean you could also do this

you know you could just add a resize option for that container so it could be semi-hidden when not needed

half crystal Oct 2, 2023, 5:24 PM

#

mortal mantle you know you could just add a resize option for that container so it could be se...

then it just becomes the hover-to-expand snippet

haughty totem Oct 3, 2023, 12:10 AM

#

mortal mantle Most sane discord theme

lmao that’s amazing!

balmy torrent Oct 3, 2023, 12:10 AM

#

❤️ lovely

mortal mantle Oct 3, 2023, 12:10 AM

#

I wonder if it would explode my computer

#

Shiggy mod?????

balmy torrent Oct 3, 2023, 12:11 AM

#

ye

mortal mantle Oct 3, 2023, 12:11 AM

#

damn

haughty totem Oct 3, 2023, 12:13 AM

#

lavish coyote tf is vesktop

https://github.com/Vencord/Vesktop

GitHub

GitHub - Vencord/Vesktop: A cross platform electron-based desktop a...

A cross platform electron-based desktop app aiming to give you a snappier Discord experience with Vencord pre-installed - GitHub - Vencord/Vesktop: A cross platform electron-based desktop app aimi...

teal cave Oct 3, 2023, 3:08 AM

#

none theme with left drop-shadow

rugged echo Oct 3, 2023, 5:23 AM

#

what the fuck how I am supposed to read anything

grand surge Oct 3, 2023, 5:29 AM

#

rugged echo what the fuck how I am supposed to read anything

by not ever using light theme

#

horror

rugged echo Oct 3, 2023, 5:45 AM

#

its probably worse on dark mode

vast delta Oct 3, 2023, 11:18 AM

#


.theme-light {
  display: none !important;
}```

everyone copy this into every single import you have. thank you.

mortal mantle Oct 3, 2023, 11:27 AM

#

lol

#

I'm rewriting my primary-hsl colors and temporarily removing light theme support until I have found a better solution

#

using actual discord values

#

Jokes on you I'm using light mode

alpine cove Oct 3, 2023, 2:09 PM

#

piss mode

teal cave Oct 3, 2023, 2:36 PM

#

If your piss has a red them you need to see a doctor

vast delta Oct 3, 2023, 2:41 PM

#

if your piss doesn't ever have red you should be concerned that you're dead

haughty totem Oct 3, 2023, 2:46 PM

#

i think i’ve never pissed red in my 39 years. (am not concerned i’m dead)

vast delta Oct 3, 2023, 2:47 PM

#

me neither but I had no way to make salt look weird there

little agate Oct 3, 2023, 2:48 PM

#

what

balmy torrent Oct 3, 2023, 2:53 PM

#

vast delta me neither but I had no way to make salt look weird there

true

haughty totem Oct 3, 2023, 3:03 PM

#

vast delta me neither but I had no way to make salt look weird there

this sounds like something @pliant meteor would say

vast delta Oct 3, 2023, 3:29 PM

#

@vast delta said this though

haughty totem Oct 3, 2023, 3:29 PM

#

let’s just say it was an average client modder moment

mortal mantle Oct 3, 2023, 3:43 PM

#

@vast delta rate my new color scheme

#

hsl-free

vast delta Oct 3, 2023, 3:51 PM

#

i almost love you

#

use hex instead of rgb

#

its way shorter and looks cooler to work with

#

#000000 and #FFFFFF would be like drop in replacements

mortal mantle Oct 3, 2023, 3:54 PM

#

#

discord does NOT like my variables

#

#

horror

edgy sentinel Oct 3, 2023, 4:03 PM

#

mortal mantle

you can use shortcuts

#

#fff instead of #ffffff

mortal mantle Oct 3, 2023, 4:03 PM

#

real

vast delta Oct 3, 2023, 4:35 PM

#

mortal mantle

LMAO

edgy sentinel Oct 3, 2023, 5:39 PM

#

color mix is so cursed

mortal mantle Oct 3, 2023, 5:56 PM

#

it's so good

half crystal Oct 3, 2023, 7:09 PM

#

Snippet Submission:

*very smol hover-to-open for channels and servers with customization :)*

Server:

@import url("https://blade04208.github.io/css/stacked/server.css");
:root {
    --guild-mini: 24px;
    --guild-max: 72px; /* normal server list size */ }

Channel:

@import url("https://blade04208.github.io/css/stacked/channel.css");
:root {
    --channel-mini: 36px;
    --channel-max: 240px; /* normal channel list size */}

rugged echo Oct 3, 2023, 8:46 PM

#

looks so cursed for some reason

mortal mantle Oct 3, 2023, 11:43 PM

#

There'd better be an arrow indicator of some sort so people would know where to hover

haughty totem Oct 3, 2023, 11:56 PM

#

what are our current snippets for taming the message input field icons?
Cc: @mortal mantle @vast delta@dark dragon

edgy sentinel Oct 3, 2023, 11:57 PM

#

taming?

haughty totem Oct 3, 2023, 11:59 PM

#

#

i’ll likely take a crack at it

edgy sentinel Oct 4, 2023, 12:03 AM

#

#🎨-css-snippets message

haughty totem Oct 4, 2023, 12:26 AM

#

thanks! That’s a good baseline and just went into my quickcss;
but i hope to get something going with flex-direction: column;
not sure it’ll work out tho

come to think of it, prbly not actually, cause i think i’ve tried that before and given up

dark dragon Oct 4, 2023, 3:35 AM

#

I think Aoi's just using a burger menu now, I'm not sure if they posted their snippet for that one anywhere though

mortal mantle Oct 4, 2023, 4:06 AM

#

haughty totem what are our current snippets for taming the message input field icons? Cc: <@51...

i just hide everything for now

#

will appear on hover

vast delta Oct 4, 2023, 4:35 AM

#

damn that looks good, who made it :3

mortal mantle Oct 4, 2023, 4:35 AM

#

you

#

but i modded it heavily

#

wip to change all the color variables back to normal

#

this fortunately looks okay enough to not require any changes

grand surge Oct 4, 2023, 10:01 AM

#

hey can anyone tell me the css selector for the channel loading thing

lusty hinge Oct 4, 2023, 11:11 AM

#

is there a css snippet to remove the leftmost icon?

mortal mantle Oct 4, 2023, 12:05 PM

#

button[aria-label="Noise Suppression powered by RNNoise"] {
display: none
}

edgy sentinel Oct 4, 2023, 12:15 PM

#

lusty hinge is there a css snippet to remove the leftmost icon?

disable rnnoise

balmy torrent Oct 4, 2023, 12:30 PM

#

mortal mantle ```css button[aria-label="Noise Suppression powered by RNNoise"] { display: none...

lmao

balmy torrent Oct 4, 2023, 12:30 PM

#

edgy sentinel disable rnnoise

^ yeah don't enable something if you're going to use css to hide it

haughty totem Oct 4, 2023, 12:33 PM

#

dark dragon I think Aoi's just using a burger menu now, I'm not sure if they posted their sn...

here’s a previous revision of it #🎨-theme-development message

haughty totem Oct 4, 2023, 12:34 PM

#

grand surge hey can anyone tell me the css selector for the channel loading thing

what’s that?

vast delta Oct 4, 2023, 1:05 PM

#

mortal mantle ```css button[aria-label="Noise Suppression powered by RNNoise"] { display: none...

one of the most inefficient and worst ways you could have done that :P

vast delta Oct 4, 2023, 1:05 PM

#

grand surge hey can anyone tell me the css selector for the channel loading thing

I think I got that one on my quickcss, I'll send it to you when I get to it

mortal mantle Oct 4, 2023, 1:05 PM

#

Most braindead way

#

No effort required

haughty totem Oct 4, 2023, 1:06 PM

#

also nicely self-documenting

vast delta Oct 4, 2023, 1:07 PM

#

also nicely prone to breaking on other languages

haughty totem Oct 4, 2023, 1:08 PM

#

ah well that’s a winning point

mortal mantle Oct 4, 2023, 1:14 PM

#

vast delta also nicely prone to breaking on other languages

Simply learn English

toxic yew Oct 4, 2023, 1:14 PM

#

vast delta also nicely prone to breaking on other languages

until you realize vencord is english only

mortal mantle Oct 4, 2023, 1:15 PM

#

^

balmy torrent Oct 4, 2023, 1:15 PM

#

borgir

mortal mantle Oct 4, 2023, 1:15 PM

#

Soon available in Deutsch and Suomi

haughty totem Oct 4, 2023, 1:27 PM

#

that’s not even

vast delta Oct 4, 2023, 1:31 PM

#

I'm gonna translate vencord to Spanish (I can barely make simple sentences)

haughty totem Oct 4, 2023, 1:51 PM

#

¡arriba!

balmy torrent Oct 4, 2023, 1:53 PM

#

spainish!

rugged echo Oct 4, 2023, 5:12 PM

#

that would be so weird, I haven't seen any client mod translated to other languages

cedar cairn Oct 4, 2023, 5:13 PM

#

i will translate vencord to toki pona

#

or eeeeeee

rugged echo Oct 4, 2023, 5:13 PM

#

make it so it uses wierd UK slangs or something trolley

dark dragon Oct 4, 2023, 5:38 PM

#

rugged echo that would be so weird, I haven't seen any client mod translated to other langua...

Replugged and BetterDiscord are both translated to quite a few different languages, even Cumcord had a couple

mortal mantle Oct 4, 2023, 5:45 PM

#

Cumcord sounds so wrong

edgy sentinel Oct 4, 2023, 5:47 PM

#

maybe we could add translations to vencord

#

thinking about it it wouldn't be that hard

#

it would make vencord more seamless

mortal mantle Oct 4, 2023, 5:51 PM

#

UmaruSmug

haughty totem Oct 4, 2023, 6:45 PM

#

mortal mantle Cumcord sounds so wrong

yeah that was the point

#

langcord

rugged echo Oct 4, 2023, 7:24 PM

#

dark dragon Replugged and BetterDiscord are both translated to quite a few different languag...

I didn't know, isn't that like extra effort

rugged echo Oct 4, 2023, 7:24 PM

#

mortal mantle Cumcord sounds so wrong

jizzcord

dark dragon Oct 4, 2023, 7:47 PM

#

rugged echo I didn't know, isn't that like extra effort

I'm not sure about how others do it, but BD just uses POEditor so people come along and translate stuff at their own pace. I'm not too sure how it all works but I think their free tier is all that's needed for BD

rugged echo Oct 4, 2023, 8:09 PM

#

well idk whats that, I guess its not too hard to use

haughty totem Oct 4, 2023, 8:09 PM

#

rugged echo I didn't know, isn't that like extra effort

well basically all features of all sw are extra effort

rugged echo Oct 4, 2023, 8:10 PM

#

all sw?

haughty totem Oct 4, 2023, 8:16 PM

#

software

torpid void Oct 4, 2023, 9:28 PM

#

anyone know a css snippet that allows you to change the differnet fonts discord uses?

little agate Oct 4, 2023, 9:55 PM

#

#🎨-css-snippets message

torpid void Oct 4, 2023, 9:55 PM

#

ty

gentle mountain Oct 5, 2023, 1:21 AM

#

Is it possible to make streams play through a separate output

vast delta Oct 5, 2023, 4:14 AM

#

not with css

gentle mountain Oct 5, 2023, 5:32 AM

#

SAD

lusty current Oct 5, 2023, 11:46 PM

#

how would i remove this at the top bar?

rugged echo Oct 6, 2023, 1:08 AM

#

.wordmarkWindows-2dq6rw svg {
    display: none;
}

probably works

#

trolley

haughty totem Oct 6, 2023, 5:43 PM

#

seems like you’re missing a :hover on the block w the svg

true mica Oct 6, 2023, 6:55 PM

#

someone please make css to hide this atrocious tab

haughty totem Oct 6, 2023, 6:56 PM

#

i will make you css to double its size and make it blink

true mica Oct 6, 2023, 7:06 PM

#

!ban

edgy sentinel Oct 6, 2023, 7:23 PM

#

true mica someone please make css to hide this atrocious tab

you will do

true mica Oct 6, 2023, 7:23 PM

#

busy

haughty totem Oct 6, 2023, 7:23 PM

#

true mica someone please make css to hide this atrocious tab

you may be joking, but since i have it at hand:
i don’t have most of those tabs, but this is the selector for the Nitro one:

[class^="channel-"] > div > [href="/store"]             /* Nitro Button above DM List */ {
    display: none /*!important*/;
}```

true mica Oct 6, 2023, 7:24 PM

#

will probably do in a month

true mica Oct 6, 2023, 7:24 PM

#

haughty totem you may be joking, but since i have it at hand: i don’t have most of those tabs,...

good enough ty

haughty totem Oct 6, 2023, 7:24 PM

#

gladly

true mica Oct 6, 2023, 7:24 PM

#

/shop instead

proper arch Oct 6, 2023, 9:54 PM

#

I see this right after figuring out how to remove it myself with no css experience

#

I was proud of myself for a second :')

haughty totem Oct 6, 2023, 10:12 PM

#

i’m proud of you too, pumpkin

vast delta Oct 6, 2023, 11:06 PM

#

russian comments husk

runic radish Oct 6, 2023, 11:15 PM

#

Can I dump a mini-theme here? trolley

#

Well too bad, I'm doing it
https://github.com/kckarnige/notitlebar-theme/

GitHub

GitHub - kckarnige/notitlebar-theme: A (sorta) blast from the past

A (sorta) blast from the past. Contribute to kckarnige/notitlebar-theme development by creating an account on GitHub.

runic radish Oct 7, 2023, 12:27 AM

#

Caught in 4k asking a dumb question (messagelogger user w)

#

||I'm sorry||

mortal mantle Oct 7, 2023, 12:34 AM

#

fear

vast delta Oct 7, 2023, 5:29 AM

#

runic radish Caught in 4k asking a dumb question (messagelogger user w)

glad wadi Oct 7, 2023, 8:40 AM

#

how to fix these black bars

#

also these stutters

#

my theme css is just random shit from this and github lol

vast delta Oct 7, 2023, 8:51 AM

#

glad wadi how to fix these black bars

some object inside the whole box has a background itself, probably the one that also contains the text on that height

vast delta Oct 7, 2023, 8:52 AM

#

glad wadi also these stutters

those are some :after or :before objects inside the messagebar and the top bar object respectively

glad wadi Oct 7, 2023, 8:53 AM

#

sorry but

#

i REALLY dont understand anything

#

yknow i know css but i started this yesterday

#

pls speak noob to me

#

most of code is importing from github do i need to download, fix and use or its about their code order

toxic yew Oct 7, 2023, 9:00 AM

#

use inspect element and see what cause it

vale quest Oct 7, 2023, 12:59 PM

#

toxic yew use inspect element and see what cause it

Does mobile support desktop themes?

toxic yew Oct 7, 2023, 1:05 PM

#

idk

vast delta Oct 7, 2023, 5:23 PM

#

toxic yew use inspect element and see what cause it

i think you cant select the :after and :before objects that cause the weird black thing

#

is transparency broken? or is it just me not figuring out how it works?

summer crater Oct 7, 2023, 5:32 PM

#

vast delta i think you cant select the :after and :before objects that cause the weird blac...

If its not a pseudo element, it's probably a box shadow

vast delta Oct 7, 2023, 5:32 PM

#

summer crater If its not a pseudo element, it's probably a box shadow

nono, i dealt with that thing before, its a pseudo element

summer crater Oct 7, 2023, 5:33 PM

#

But yea if it's pointer-events disabled you can't select it with devtools

vast delta Oct 7, 2023, 5:34 PM

#

.form-3gdLxP:before, .children-3xh0VB:after```

#

must be that

summer crater Oct 7, 2023, 5:34 PM

#

Yeah that's possible

#

Just display none it

vast delta Oct 7, 2023, 5:34 PM

#

form is the chatbar and children is the top bar

#

yeaaahh boy more things to hide

#

.containerWrapper-1kh54c {
  display: none;
}```

#

much less exciting as i thought

gilded cloak Oct 7, 2023, 5:49 PM

#

vast delta much less exciting as i thought

Write a proper selector that won't break next css hash refresh if you want something exciting

vast delta Oct 7, 2023, 6:03 PM

#

gilded cloak Write a proper selector that won't break next css hash refresh if you want somet...

ohhhhhhh

#

wait does that mean if they change those random letters everything breaks?

gilded cloak Oct 7, 2023, 6:04 PM

#

Yeah

vast delta Oct 7, 2023, 6:04 PM

#

and also they can do that?

#

guhhhhhhhhhhhhhhhhh

gilded cloak Oct 7, 2023, 6:04 PM

#

Yeah

vast delta Oct 7, 2023, 6:06 PM

#

i did not know that

glossy aurora Oct 7, 2023, 6:08 PM

#

usually you can just write something like [class^=containerWrapper]

#

or *= if that class isn't the first in the element's class list

safe python Oct 7, 2023, 6:08 PM

#

vast delta wait does that mean if they change those random letters everything breaks?

yeah but its really rare

#

pretty sure that bit is never changed until they go back and change it's content

#

which is like never

gilded cloak Oct 7, 2023, 6:09 PM

#

One time it happened to every class in the entire app

#

Since then I always just use safe selectors

slim pond Oct 7, 2023, 9:17 PM

#

are you for real discord

#

near perfect color coverage ruined by discord's shitty code

#

they have about 30 primaries and whites available to them yet they still chose to hardcode the colors

rugged echo Oct 7, 2023, 9:18 PM

#

slim pond are you for real discord

no way, thats so stupid

slim pond Oct 7, 2023, 9:19 PM

#

discord is inconsistent

#

seriously, they can't make their themes work properly

rugged echo Oct 7, 2023, 9:20 PM

#

nitro theme moment

slim pond Oct 7, 2023, 9:20 PM

#

pov you pay for "features"

#

I call this a spit in the face

#

and a waste of money

slim pond Oct 7, 2023, 9:23 PM

#

slim pond near perfect color coverage ruined by discord's shitty code

colorways have always been near perfect recolors of discord yet discord still finds a way to f* it up, even though they (discord) have somewhat robust theming variables in place

#

really now

#

this is --background-primary

#

so why not set it to that

slim pond Oct 7, 2023, 9:26 PM

#

slim pond are you for real discord

same here, this is secondary

solid ore Oct 7, 2023, 10:02 PM

#

how do i send a css snippet in #🎨-css-snippets

#

[class^=channel-] > div > [href="/shop"]
{ 
  display: none;
}```

edgy sentinel Oct 7, 2023, 10:44 PM

#

read the channel topic

solid ore Oct 7, 2023, 11:03 PM

#

oh mb ty

#

but i dont have perms to post their anyway

glossy aurora Oct 7, 2023, 11:09 PM

#

dont post low effort snippets (single display: none for example)

steel scroll Oct 8, 2023, 12:05 AM

#

slim pond really now

yeah that's so bad

#

that's why I wanted to theme by somehow modifying the css source code directory

leaden isle Oct 8, 2023, 2:36 AM

#

im proud of myself for figuring that out :P

glacial citrus Oct 8, 2023, 3:28 AM

#

hello, is there a way with css to change the direction something scrolls in
eg making a vertical list scroll horisontally or vice versa

edgy sentinel Oct 8, 2023, 3:30 AM

#

~~transform: rotate(90deg)~~

gilded cloak Oct 8, 2023, 6:02 AM

#

glacial citrus hello, is there a way with css to change the direction something scrolls in eg ...

Something like
Display flex
Flex direction row
Overflow y hidden
Overflow x scroll

slim pond Oct 8, 2023, 8:00 AM

#

steel scroll that's why I wanted to theme by somehow modifying the css source code directory

On one hand I have to manually fix/remove that stupid code of theirs from there, but this would add more lines to the core of colorways (creator v1.14.1 moment), which would defeat the purpose of keeping the lines to a minimum by directly modifying the -hsl variables

#

on the other hand, I could leave it as-is, just to remind myself that discord doesn't know how to write css

#

and anyone else that uses the official colorway imports

slim pond Oct 8, 2023, 8:05 AM

#

gilded cloak Something like Display flex Flex direction row Overflow y hidden Overflow x scr...

overflow: hidden scroll

#

or hidden auto

#

ah yes chat-xxxx > chat-xxxx

slim pond Oct 8, 2023, 8:39 AM

#

pov you update a website

#

the new UI:

#

the old remaining UI

slim pond Oct 8, 2023, 10:46 AM

#

#DiscordSucksAtCSS

mortal mantle Oct 8, 2023, 11:30 AM

#

I know, I know ...

#

catfrown

solid ore Oct 8, 2023, 11:36 AM

#

glossy aurora > dont post low effort snippets (single display: none for example)

I saw, but I don't have perms to send a msg there if I had something more to post

rugged echo Oct 8, 2023, 5:37 PM

#

slim pond #DiscordSucksAtCSS

you could make an entire channel dedicated to wrong css on discord

vast delta Oct 8, 2023, 5:38 PM

#

i'd like to intervene for a moment

#

.scrollbarGhost-dCZKgZ {}
.scrollbarDefault-2w-Dyz {}
.scrollbarGhostHairline-2LpzZ9 {}

official discord approved lines

rugged echo Oct 8, 2023, 5:39 PM

#

an empty selector? why

vast delta Oct 8, 2023, 5:40 PM

#

ven explained it well a few weeks ago, i think it was because they use a script to build their css file in which instead of removing obsolete objects, they just nuke their selectors in them so it doesn't matter anyways

#

though, they could also just keep the selectors and it wouldnt break, so im pretty sure that is also common throughout the entire file

rugged echo Oct 8, 2023, 5:41 PM

#

oh, so they forgot or don't care to remove those

vast delta Oct 8, 2023, 5:41 PM

#

pretty sure this object doesnt exist anymore

.iconWrapperActive-LhB4mn {}

.iconWrapperActive-LhB4mn:hover {
    opacity: 1
}

.iconWrapperActive-LhB4mn:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}```

vast delta Oct 8, 2023, 5:41 PM

#

rugged echo oh, so they forgot or don't care to remove those

dont care is the most likely option

vast delta Oct 8, 2023, 5:41 PM

#

vast delta pretty sure this object doesnt exist anymore ```css .iconWrapperActive-LhB4mn {}...

those are definitely the only three mentions of it

rugged echo Oct 8, 2023, 5:42 PM

#

I don't even know what is that, but I guess if it doesn't exist its not going to affect anything anyways

vast delta Oct 8, 2023, 5:43 PM

#

exactly

#

guh idk anymore

haughty totem Oct 8, 2023, 5:45 PM

#

#🏥-vencord-support-🏥 message

vast delta Oct 8, 2023, 5:45 PM

#

well we aren't gonna do everything for you villain (unless you pay me)

rugged echo Oct 8, 2023, 9:27 PM

#

wdym folder and hover colors?

haughty totem Oct 8, 2023, 9:57 PM

#

what’s unclear about that?

#

green folder

#

blue on hover

torpid void Oct 8, 2023, 11:35 PM

#

oxocarbon theme

gritty ore Oct 9, 2023, 12:31 AM

#

#

Anyone know how to fix the alignment?

slim pond Oct 9, 2023, 10:26 AM

#

torpid void oxocarbon theme

nice colors lol

#

get colorpicked

mortal mantle Oct 9, 2023, 12:06 PM

#

lmao

torpid void Oct 9, 2023, 5:10 PM

#

slim pond nice colors lol

Lmao

#

https://github.com/nyoom-engineering/oxocarbon btw

GitHub

GitHub - nyoom-engineering/oxocarbon: High contrast accessible colo...

High contrast accessible colorscheme inspired by IBM Carbon - GitHub - nyoom-engineering/oxocarbon: High contrast accessible colorscheme inspired by IBM Carbon

slim pond Oct 9, 2023, 5:16 PM

#

I literally just colorpicked the theme and threw it into the colorway creator

torpid void Oct 9, 2023, 5:19 PM

#

Lol

#

Which one? I made the theme manually?

slim pond Oct 9, 2023, 5:21 PM

#

torpid void Oct 9, 2023, 5:22 PM

#

Link?

slim pond Oct 9, 2023, 5:23 PM

#

it's a custom plugin

#

but I'm working on porting it to all clients

torpid void Oct 9, 2023, 5:24 PM

#

slim pond it's a custom plugin

Vencord custom plugin? Or something else?

#

Can you send the code or nah?

slim pond Oct 9, 2023, 5:25 PM

#

it's on my vencord fork, https://github.com/DaBluLite/Vencord

GitHub

GitHub - DaBluLite/Vencord: The cutest Discord client mod (Colorway...

The cutest Discord client mod (Colorways Fork). Contribute to DaBluLite/Vencord development by creating an account on GitHub.

torpid void Oct 9, 2023, 5:26 PM

#

Thanks

#

Do you know if I could just just move the discorsColorways folder into my userplugins folder or is there other things that make it work?

haughty totem Oct 9, 2023, 5:42 PM

#

#1032200195582197831 pin

slim pond Oct 9, 2023, 5:43 PM

#

just replace:

authors: [Devs.DaBluLite, Devs.ImLvna]

with:

authors: [{name: "DaBluLite",id: 582170007505731594n}, Devs.ImLvna]

in index.tsx

#

then you can just move the plugin folder in your userplugins folder

torpid void Oct 9, 2023, 5:46 PM

#

ok

#

thanks

torpid void Oct 9, 2023, 5:47 PM

#

haughty totem <#1032200195582197831> pin

ik i was asking about that specific plugin cuz i have never seen anyone make a whole fork for one plugin unless they were gonna make a pr for it.

sinful marsh Oct 9, 2023, 9:32 PM

#

i would like to make the background of this Spotify Player plugin transparent w/ a .css snippet but idk how to target it specifically w/ .css; through .html it looks like this

haughty totem Oct 9, 2023, 9:33 PM

#

like i said in #🏥-vencord-support-🏥, screenshot your change in the DevTools

sinful marsh Oct 9, 2023, 9:34 PM

#

I'm not sure what that means but all i did was take the little checkmark on this and then clicked it

#

is that okay?

haughty totem Oct 9, 2023, 9:37 PM

#

yup that’s perfect

#

try putting

:not(#prioritize#this#rule) #vc-spotify-player {
  background: none;
}```
in your QuickCSS

sinful marsh Oct 9, 2023, 9:39 PM

#

thank you so much!

haughty totem Oct 9, 2023, 9:39 PM

#

edited

#

yw

sinful marsh Oct 9, 2023, 9:40 PM

#

while im here btw is "none" the same thing as "transparent"

haughty totem Oct 9, 2023, 9:41 PM

#

yeah i think so

#

you can try putting transparent – if it works, ig it will be more self-explanatory 🙂

edgy sentinel Oct 9, 2023, 9:42 PM

#

haughty totem try putting ```css :not(#prioritize#this#rule) #vc-spotify-player { background...

wtf is that :not

haughty totem Oct 9, 2023, 9:43 PM

#

is it not self-explanatory 😭

#

in my personal code i use #ö#ö

#

it’s a hack, for a weaker !important (or stronger in combination with it)

sinful marsh Oct 9, 2023, 9:44 PM

#

interesting tyty

haughty totem Oct 9, 2023, 9:55 PM

#

haughty totem is it not self-explanatory 😭

i suppose it is unduly confusing.
(in this case an alternative would be #vc-spotify-player#vc-spotify-player but prbly still not worth the confusion.)
Prbly best if i just use !important in published snippets like a normal person.

advice appreciated

grand surge Oct 9, 2023, 10:45 PM

#

i tried recreating this effect in css for the spoiler content but idk how to so if some cool person could that would be amazing

#

pretty sure it needs js

haughty totem Oct 9, 2023, 11:04 PM

#

i reckon one could do that with some <filter> magic
in css i mean

#

actually no, i think if you want to replicate that exactly, you don’t even need a filter, as the static does not acually seem to take into account the text – i think it just fades to/from a premade static animation

#

if you want to generate the static via css instead of loading a premade gif: https://stackoverflow.com/questions/70208639/how-to-improve-an-animated-tv-static-effect-using-a-pure-css-gradient has some code for that, which is surprisingly short, but it doesn’t nearly look as cool as your example with its fireflies vibe^^

Stack Overflow

How to improve an animated tv static effect using a pure css gradient

How would I be able to improve this animated static noise effect using a css gradient?
CSS only, no javascript, no svg, no image, using only a gradient, and adjusting that.
A tv no signal noise eff...

grand surge Oct 9, 2023, 11:25 PM

#

haughty totem if you want to generate the static via css instead of loading a premade gif: ht...

the example i gave is the imessage “invisible ink”

grand surge Oct 9, 2023, 11:28 PM

#

haughty totem i reckon one could do that with some `<filter>` magic in css i mean

i did try with

.spoilerContent-32CqO- .obscuredTextContentInner-2ytmvF {
  filter: blur(5px);
  transition: filter 0.5s ease;
}

but still yeah idk i’ll probably spend more time on it later

celest ridge Oct 11, 2023, 12:04 AM

#

haughty totem try putting ```css :not(#prioritize#this#rule) #vc-spotify-player { background...

TTHIS IS TERRIFYING

dark dragon Oct 11, 2023, 3:11 AM

#

haughty totem i suppose it is unduly confusing. (in this case an alternative would be `#vc-spo...

Why not just use the selectors they already have there? .theme-dark #vc-spotify-player?

haughty totem Oct 11, 2023, 7:20 PM

#

don’t want to limit to dark theme
want to trump rule priority. (Just using the same selectors might still trump, from having a later position, but i don’t want to have to test that and rely on the position not possibly changing)

we could do ~~:has~~ :is(.theme-dark, .theme-light) #vc-spotify-player – that would solve both problems. (Is it less terrifying?)
(✔ one of the two main themes always applies even with Nitro color themes)

#

:has(x, y) is OR.
a, b, c trumps e f (if i’m not mistaken)

vast delta Oct 11, 2023, 7:28 PM

#

do #app-mount I think it has a higher selector priority

#

if not, try doing the parent object>#vc... I'm pretty sure it works as well

summer crater Oct 11, 2023, 7:30 PM

#

~~reading that you call html elements "objects" breaks my mind lol~~

vast delta Oct 11, 2023, 7:47 PM

#

at least I'm not calling them things

#

ALSO THEY ARE OBJECTS

#

like, why not call them objects

#

"html elements" is such a stupid name, what other elements are there to need to specify they are from html? don't say pseudoelements

summer crater Oct 11, 2023, 7:51 PM

#

I'm probably just too much used that everybody calls them html elements / just "elements"

summer crater Oct 11, 2023, 7:51 PM

#

vast delta ALSO THEY ARE OBJECTS

yeah if you look at it the primitive way

haughty totem Oct 11, 2023, 8:02 PM

#

vast delta if not, try doing the parent object><#1033680203433660458>c... I'm pretty sure i...

dc broke your id selector

vast delta Oct 11, 2023, 8:03 PM

#

summer crater yeah if you look at it the primitive way

"primitive" you're primitive

haughty totem Oct 11, 2023, 8:09 PM

#

haughty totem dc broke your id selector

you can prevent that by putting it between code backticks ` `

vast delta Oct 11, 2023, 8:16 PM

#

you can prevent being annoying by not saying anything

#

of course I know it's gonna break my id thing, I just don't care

haughty totem Oct 11, 2023, 9:03 PM

#

gotcha, sorry

vast delta Oct 11, 2023, 9:03 PM

#

oh it's fine it was a joke

trim tendon Oct 11, 2023, 11:03 PM

#

is there a way to fix the missing soundboard icon in fullscreen mode using css?

rugged echo Oct 12, 2023, 1:13 AM

#

I didn't know that happened, discord issue lol

dark dragon Oct 12, 2023, 6:42 AM

#

haughty totem 1. don’t want to limit to dark theme 2. want to trump rule priority. (Just usin...

:is(.theme-dark, .theme-light) #vc-spotify-player I'd probably the happy middle ground. The element theme-dark/theme-light are on is the same though so you can just do html #vc-spotify-player

haughty totem Oct 12, 2023, 9:31 AM

#

ik, but an element selector (html) has lower priority than a class selector (.theme-dark) so w that selector the new rule would be overridden by the old one

but :is() is an important correction there, my :has() was wrong – thanks! (i assume, given this special case that we’re selecting the :root element <html> there)

leaden light Oct 12, 2023, 11:29 AM

#

This is an old css I customed back in the days (I took the idea from a Visual Studio discord theme). When i was using BD it was lagging... on vencord seem to be ok.

.idle-1brB89 {
  animation: bounce-animation 1.7s ease 0s 1 normal forwards, live-border-animation 10s linear infinite; */
}   

@keyframes bounce-animation {
  0% {
      animation-timing-function: ease-in;
      opacity: 1;
      transform: translateY(-45px);
  }

  24% {
      opacity: 1;
  }

  40% {
      animation-timing-function: ease-in;
      transform: translateY(-24px);
  }

  65% {
      animation-timing-function: ease-in;
      transform: translateY(-12px);
  }

  82% {
      animation-timing-function: ease-in;
      transform: translateY(-6px);
  }

  93% {
      animation-timing-function: ease-in;
      transform: translateY(-4px);
  }

  25%,
  55%,
  75%,
  87% {
      animation-timing-function: ease-out;
      transform: translateY(0px);
  }

  100% {
      animation-timing-function: ease-out;
      opacity: 1;
      transform: translateY(0px);
  }
}

@keyframes live-border-animation {
  0% {
      border: 3px solid red
  }
  20% { 
      border: 3px solid yellow;
  }
  40% {
      border: 3px solid green;
  }
  60% {
      border: 3px solid blue;
  }
  80% {
      border: 3px solid purple;
  }
  99.999999999999999% {
      border: 3px solid red;
  }
}```

teal cave Oct 12, 2023, 4:05 PM

#

skully

leaden light Oct 12, 2023, 5:01 PM

#

Rainbow Wave on User ID

.customStatus-1UAQAK,
.hovered-20u3oh,
.title-338goq {
  background-image: linear-gradient(to left, rgb(51, 255, 0), rgb(255, 230, 0), red, rgb(234, 0, 255), rgb(0, 140, 255), rgb(51, 255, 0));
  animation: gradient-border 3s linear infinite;
  background-size: 400% 100%;
  color: transparent !important;
  -webkit-background-clip: text;
  position: relative;
  z-index: 1;
}

@keyframes gradient-border {
  0%, 200% {
      background-position: 0 0;
  }

  99.999999999999999% {
      background-position: 130% 0;
  }
}

.scrolling-1Cdwk- {
  overflow: auto;
}

.outer-s4sY2_, .tileSizer-3VCNFs {
  margin: auto;
  display: flex;
}```

#

Some themes makes member's list a bit difficult to read. Using black colours with dark theme makes imposible to read the user name... This helps a bit....

.container-2o3qEW .content-2a4AW9 {
    background-color: rgb(67, 67, 80);
}


.member-2gU6Ar {
  background-color: rgb(67, 67, 80);
}

#

When using dark themes, sometimes user's name is difficult to read on channel messages. This adds an oval background on user name

.username-h_Y3Us {
  font-weight: 700;
  font-size: 13px;
  /* background-color: var(--color-brand); */
  background-color: rgb(242, 242, 242);
  color: black;
  border: 3px solid rgb(4, 101, 163);
  border-radius: 15px;
  padding: 0px 13px 1px 13px;
}

#

I'm using this 99.9999% of the time... this makes the channel list a bit wider... useful with big channel names.

  width: 320px;
}

.bannerImg-2PzH6z {
  width: 135%;
}```

half crystal Oct 12, 2023, 5:27 PM

#

i regret to say that profile effects is now real and live and we need to figure out what its layer is and how to wipe it off the face of the earth

haughty totem Oct 12, 2023, 5:28 PM

#

no love for the pizzazz

#

funny username^^

half crystal Oct 12, 2023, 5:29 PM

#

haughty totem funny username^^

whar

haughty totem Oct 12, 2023, 5:29 PM

#

qhar

real quarry Oct 12, 2023, 7:05 PM

#

the sooner we have a css snipper hiding profile effects the sooner we can accomplish world peace

#

actually

#

at this point we should just have a plugin to hide discord's profile and render profiles our own way

#

less css headaches that way

oak plover Oct 12, 2023, 7:11 PM

#

default profile customization pisses me off cause it's like "oh with nitro you can get a profile theme and an image banner"

#

except then you get nitro and you lose the ability to have a color banner and you don't get the option to not have a profile theme

midnight stone Oct 13, 2023, 12:12 AM

#

I am having some issues

#

#

I'm setting the height of this div to zero

#

It just changes its vertical position instead of actually clipping the element

#

Any clues?

#

~~Perhaps it's because of position: absolute~~ It's not

oak plover Oct 13, 2023, 12:15 AM

#

probably overflow

midnight stone Oct 13, 2023, 12:15 AM

#

Oh

#

It helped a lot, however it still shows a bit of the element

edgy sentinel Oct 13, 2023, 12:17 AM

#

why does that look like my website

midnight stone Oct 13, 2023, 12:17 AM

#

does it

edgy sentinel Oct 13, 2023, 12:17 AM

#

AoV_qiPls

#

it does

#

https://vendicated.dev

Ven's Site

read if cute

midnight stone Oct 13, 2023, 12:17 AM

#

LMAO TRUE

edgy sentinel Oct 13, 2023, 12:17 AM

#

midnight stone

when I saw this I genuinely thought it was my site

midnight stone Oct 13, 2023, 12:18 AM

#

sjiaushopi9dsauhbgsaulyikdsavb

edgy sentinel Oct 13, 2023, 12:18 AM

#

hajhug

#

our minds are shrimply connected

midnight stone Oct 13, 2023, 12:19 AM

#

yop

#

full screenshot

#

i need to remove that repeating "english" section

edgy sentinel Oct 13, 2023, 12:23 AM

#

make the text centered vertically content

dark dragon Oct 13, 2023, 12:24 AM

#

midnight stone It helped a lot, however it still shows a bit of the element

That's the border

edgy sentinel Oct 13, 2023, 12:24 AM

#

are you doing the menu with js or smth like the details element

#

i did it with 0 js so it works without js enabled but it made it a lot more complicated

midnight stone Oct 13, 2023, 12:27 AM

#

edgy sentinel are you doing the menu with js or smth like the details element

nope

#

but i did it with zero js

#

code looks pretty nice with tailwind tbf

#

i'm just using "hover" on the parent element and showing the child

#

I think I'm better off also using details because it'd work with clicks

edgy sentinel Oct 13, 2023, 12:29 AM

#

midnight stone i'm just using "hover" on the parent element and showing the child

ooh that's a really good solution too yeah

cedar cairn Oct 13, 2023, 12:30 AM

#

midnight stone i'm just using "hover" on the parent element and showing the child

how would this work on mobile tho

edgy sentinel Oct 13, 2023, 12:30 AM

#

doesn't

cedar cairn Oct 13, 2023, 12:30 AM

#

considering you cant really hover over something there

#

fiure

edgy sentinel Oct 13, 2023, 12:30 AM

#

i used details but it was really hard to get to look right cause you need to connect the summary and the body

#

and juggle with position absolute

cedar cairn Oct 13, 2023, 12:30 AM

#

i simply will never translate our website

edgy sentinel Oct 13, 2023, 12:31 AM

#

edgy sentinel i used details but it was really hard to get to look right cause you need to con...

div {
        position: relative;
        width: 10em;
        margin-left: 0.5em;
    }

    details {
        position: absolute;
        top: 50%;
        z-index: 1000;
        padding: 0.5em;
    }

    details {
        transform: translateY(-50%);
    }

    details[open] {
        transform: translateY(-29%);
        background: var(--surface2);
        border-radius: 6px;
    }

    details:not([open]) summary :global(.check) {
        display: none;
    }

    details[open] summary :global(.dropdown) {
        display: none;
    }

    summary {
        list-style: none;
        height: 24px;
    }

#

do you love the magic number translateY

cedar cairn Oct 13, 2023, 12:31 AM

#

https://tenor.com/view/this-cannot-continue-stinkbugs11number1smeck-fan-cat-cat-in-water-water-cat-gif-25921319

Tenor

edgy sentinel Oct 13, 2023, 12:31 AM

#

idk why exactly 29% but it works

dark dragon Oct 13, 2023, 12:39 AM

#

It's not exact, but it's close enough. 27.4px(50% of its original height + the 8 pixels of padding on top) is it I think, that'd make it so the first option isn't slightly longer than the other, there's got to be a better way to do it though

midnight stone Oct 13, 2023, 1:00 AM

#

I just implemented it with summary now

#

I didn't need any transforms

#

it just works

edgy sentinel Oct 13, 2023, 1:19 AM

#

woah

balmy torrent Oct 13, 2023, 9:18 AM

#

oak plover except then you get nitro and you lose the ability to have a color banner and yo...

you can still have a colour banner lol

#

it just blends with the rest of the profile

oak plover Oct 13, 2023, 10:54 AM

#

That’s literally not a banner

balmy torrent Oct 13, 2023, 10:55 AM

#

why would you want the ugly thing

#

also you can upload a solid colour

oak plover Oct 13, 2023, 10:56 AM

#

Doesn’t count I’ve done that already

#

And I’m not saying i personally want it I’m saying why does it get removed in the first place

runic radish Oct 13, 2023, 12:04 PM

#

vast delta

6 days later, looking for why I was pinged 😭

haughty totem Oct 13, 2023, 1:18 PM

#

midnight stone it just works

cool! That’s surely better, but btw here’s another way to have click-toggles without js: https://css-tricks.com/the-checkbox-hack/#aa-dropdown-menus

CSS-Tricks

Chris Coyier

The "Checkbox Hack" (and things you can do with it) | CSS-Tricks

Using a hidden checkbox, you can re-create a lot of functionality on website that rely on clicks and toggled states. Fair warning, it's not always super semantic or a good idea, but it's awful fun to play with.

haughty totem Oct 13, 2023, 1:21 PM

#

runic radish *6 days later, looking for why I was pinged* 😭

for

midnight grail Oct 13, 2023, 4:06 PM

#

anyone got css to hide all these at the top?

#

#

i used to use this https://github.com/ObjectiveSlayer/ObjectiveSlayer.github.io/blob/main/bd-snippets/customizable-toolbar.css

GitHub

ObjectiveSlayer.github.io/bd-snippets/customizable-toolbar.css at m...

A useless clock because im too lazy to check the time - ObjectiveSlayer/ObjectiveSlayer.github.io

#

but i think it broke

grand surge Oct 13, 2023, 4:07 PM

#

open devtools, select the element and

.element {
    display: none;
}

safe python Oct 13, 2023, 4:07 PM

#

midnight grail anyone got css to hide all these at the top?

you can just css .icon-1ELUnB[aria-label="Threads"] { display: none; }
with aria label being whatever the tooltip text is

midnight grail Oct 13, 2023, 4:08 PM

#

grand surge open devtools, select the element and ```css .element { display: none; } `...

opening devtools usually crashes discord for me

midnight grail Oct 13, 2023, 4:08 PM

#

safe python you can just ```css .icon-1ELUnB[aria-label="Threads"] { display: none; }``` ...

ty sunnie!

grand surge Oct 13, 2023, 4:08 PM

#

midnight grail opening devtools usually crashes discord for me

https://github.com/Vencord/Vesktop

GitHub

GitHub - Vencord/Vesktop: A cross platform electron-based desktop a...

A cross platform electron-based desktop app aiming to give you a snappier Discord experience with Vencord pre-installed - GitHub - Vencord/Vesktop: A cross platform electron-based desktop app aimi...

midnight grail Oct 13, 2023, 4:09 PM

#

grand surge https://github.com/Vencord/Vesktop

i actually used to be very active here, so i do know about vesktop and everything. but thanks for the help anyway

grand surge Oct 13, 2023, 4:10 PM

#

ah

midnight grail Oct 13, 2023, 4:15 PM

#

ended up using this

.toolbar-3_r2xA > [aria-label="Threads"],
.toolbar-3_r2xA > [aria-label="Pinned Messages"],
.toolbar-3_r2xA > [aria-label="Notification Settings"] {
  display: none;
}

cuz for some reason they all have different classes

#

couldn't figure out Inbox tho

#

just doing aria-label="Inbox" wasn't enough

#

⠀

haughty totem Oct 13, 2023, 4:20 PM

#

midnight grail opening devtools usually crashes discord for me

midnight grail Oct 13, 2023, 4:21 PM

#

haughty totem

⠀

haughty totem Oct 13, 2023, 4:21 PM

#

cedar cairn Oct 13, 2023, 4:21 PM

#

@midnight grail hai

midnight grail Oct 13, 2023, 4:21 PM

#

hai!

#

how are you drake

cedar cairn Oct 13, 2023, 4:22 PM

#

alr

haughty totem Oct 13, 2023, 4:22 PM

#

/petpet painted your feline white o,o

cedar cairn Oct 13, 2023, 4:22 PM

#

how have you been

haughty totem Oct 13, 2023, 4:22 PM

#

#

no that was my light mode lol

midnight grail Oct 13, 2023, 4:23 PM

#

cedar cairn how have you been

z'been good

#

busy with work now

haughty totem Oct 13, 2023, 4:23 PM

#

rather the question is why your pfp cat is black despite my light mode

midnight grail Oct 13, 2023, 4:24 PM

#

haughty totem rather the question is why your pfp cat is black despite my light mode

looks like the algo makes the black of my cat transparent when /pet

haughty totem Oct 13, 2023, 4:24 PM

#

that would explain it

midnight grail Oct 13, 2023, 4:24 PM

#

midnight grail busy with work now

can't spend my days on vencord anymore

haughty totem Oct 13, 2023, 4:24 PM

#

cat erasure

cedar cairn Oct 13, 2023, 4:24 PM

#

v fair

midnight grail Oct 13, 2023, 4:25 PM

#

haughty totem cat erasure

cat inversion

midnight grail Oct 13, 2023, 4:25 PM

#

cedar cairn v fair

everything been relatively chill here?

cedar cairn Oct 13, 2023, 4:25 PM

#

debatable

midnight grail Oct 13, 2023, 4:25 PM

#

i noticed we never went spooky

haughty totem Oct 13, 2023, 4:28 PM

#

midnight grail cat inversion

true and sounds nicer

midnight grail Oct 13, 2023, 4:28 PM

#

i noticed plugins have readmes now

#

so that's cool & new

#

i know Ven wanted that a while ago

haughty totem Oct 13, 2023, 5:22 PM

#

they have web presences too! https://vencord.dev/plugins/PermissionFreeWill

Vencord

PermissionFreeWill

Disables the client-side restrictions for channel permission management.

edgy sentinel Oct 13, 2023, 5:26 PM

#

guh

Screenshot_2023-10-13-19-26-20-65_4d38fce200f96aeac5e860e739312e76.jpg

#

i hate mobile

vast delta Oct 13, 2023, 5:27 PM

#

bigger vencord.dev preview

vast delta Oct 13, 2023, 5:57 PM

#

someone talked about the hashes in css changing sometimes, would this be "safe" code? css /*The windows buttons themselves*/ [class^=winButton] { height: 47px; } /*Hide the bar containing windows buttons without hiding the buttons*/ [class^=typeWindows-] { height: 0 } /*Remove Discords Branding*/ [class^=wordmarkWindows] { display: none; } /*Move the icons in the titlebar to the left to make space for window buttons*/ [class^=title-] { right: 80px; } /*Move entire window up to the screen because for some reason i have to*/ [class^=layers-] { top: -4px; }

#

its a remake of my winbar snippet

paper cloud Oct 13, 2023, 5:57 PM

#

hello chat

how do i remove the stupid "shop" in the DM panel?
thanks

vast delta Oct 13, 2023, 6:00 PM

#

"please do not spam" guhhhh

#

https://github.com/D3SOX/complementary-discord-theme/blob/master/hide-nitro-upselling.theme.css

#

here get the raw link yourself

#

then just import it

#

yup i dont see no shop anymore

paper cloud Oct 13, 2023, 6:03 PM

#

aight thx

#

MODS PIN THIS

vast delta Oct 13, 2023, 6:03 PM

#

chill

#

its not too important

paper cloud Oct 13, 2023, 6:04 PM

#

done

#

thx ;3

#

erm, still there

vast delta Oct 13, 2023, 6:08 PM

#

hm, its not my thing

#

what exactly are you talking about?

paper cloud Oct 13, 2023, 7:06 PM

#

haughty totem Oct 13, 2023, 7:19 PM

#

edgy sentinel guh

clamp()

haughty totem Oct 13, 2023, 7:19 PM

#

edgy sentinel i hate mobile

same

haughty totem Oct 13, 2023, 7:21 PM

#

vast delta someone talked about the hashes in css changing sometimes, would this be "safe" ...

it’s safe re new hashes, but not re new classes being added before the ones you’re selecting. To account for that, you can use *= instead of ^=

haughty totem Oct 13, 2023, 7:22 PM

#

haughty totem `clamp()`

@edgy sentinel https://developer.mozilla.org/en-US/docs/Web/CSS/clamp

clamp() - CSS: Cascading Style Sheets | MDN

The clamp() CSS function clamps a middle value within a range of values between a defined minimum bound and a maximum bound. The function takes three parameters: a minimum value, a preferred value, and a maximum allowed value.

edgy sentinel Oct 13, 2023, 7:22 PM

#

it still doesn't make sense

#

you're bringing up some random css concept that has nothing to do with the problem

haughty totem Oct 13, 2023, 7:23 PM

#

hm, i’ll think it through a bit more and get back to you

edgy sentinel Oct 13, 2023, 7:23 PM

#

there's nothing to think through

#

i just need to add text wrap

haughty totem Oct 13, 2023, 7:26 PM

#

you want to wrap within a single word? That’s hella ugg

#

with clamp you can decrease font size instead, as necessary depending on available screen space

vast delta Oct 13, 2023, 7:32 PM

#

haughty totem it’s safe re new hashes, but not re new classes being added before the ones you’...

if they add new classes it'll break only at one place so i dont care

#

i just wanna prevent having to replace every single object ( trolley ) when they decide to rehash

haughty totem Oct 13, 2023, 7:37 PM

#

👍
(altho if they add a class on one element, plausibly they do it on many others as well)
altho then you could still fix it up pretty quickly with a search-replace s/^=/*=/

in case you prefer ^= over *= for performance: i doubt a difference is noticeable

vast delta Oct 13, 2023, 7:42 PM

#

ehh, its the feeling of being more efficient that counts lol

haughty totem Oct 13, 2023, 7:43 PM

#

hahaha i feel ya

haughty totem Oct 13, 2023, 8:09 PM

#

haughty totem hm, i’ll think it through a bit more and get back to you

@edgy sentinel so apparently as of now there’s unfortunately no way to fit a text to a given space by font size, without using magic numbers or js: https://css-tricks.com/fitting-text-to-a-container/

clamp() is kind of the default way of doing it; more convoluted but arguably better is an <svg> hack https://css-tricks.com/fitting-text-to-a-container/#aa-just-use-svg which btw @eager heart ended up using to solve a similar problem: #🧊-off-topic-iceman-only message

CSS-Tricks

Chris Coyier

Fitting Text to a Container | CSS-Tricks

There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we

midnight stone Oct 13, 2023, 9:06 PM

#

haughty totem cool! That’s surely better, but btw here’s another way to have click-toggles wi...

Cool!

vast delta Oct 14, 2023, 6:28 AM

#

you can use class, class to apply one set of properties twice

pine zenith Oct 14, 2023, 6:34 AM

#

One message removed from a suspended account.

#

One message removed from a suspended account.

vast delta Oct 14, 2023, 6:38 AM

#

reasonable

solid ore Oct 14, 2023, 10:04 AM

#

paper cloud hello chat how do i remove the stupid "shop" in the DM panel? thanks

[class^=channel-] > div > [href="/shop"]
{ 
  display: none;
}```

paper cloud Oct 14, 2023, 10:09 AM

#

🖤

balmy torrent Oct 14, 2023, 10:22 AM

#

oak plover except then you get nitro and you lose the ability to have a color banner and yo...

necro but i just saw this

#

i guess discord hides to option blurtroll

dark dragon Oct 14, 2023, 10:29 AM

#

On nitro profiles that banner is set by your primary profile colour

balmy torrent Oct 14, 2023, 11:47 AM

#

on this profile it's not though

runic radish Oct 14, 2023, 12:04 PM

#

haughty totem for

☝️🤓

haughty totem Oct 14, 2023, 12:13 PM

#

congrat

haughty totem Oct 14, 2023, 12:14 PM

#

runic radish *6 days later, looking for why I was pinged* 😭

at least your parents didn’t die in a fatal car crash

#

(i hope)

mortal mantle Oct 15, 2023, 8:59 AM

#

I have reached unimaginable levels of unholy

mortal mantle Oct 15, 2023, 10:13 AM

#

because I am crazy

vast delta Oct 15, 2023, 10:22 AM

#

mortal mantle I have reached unimaginable levels of unholy

what is wrong with you

mortal mantle Oct 15, 2023, 10:24 AM

#

how else could I do it

vast delta Oct 15, 2023, 10:28 AM

#

idk

#

just dont

mortal mantle Oct 15, 2023, 10:33 AM

#

changing accent color is cool

#

because blurple looks pretty ugly

#

also

#

#

maybe i should replace that discord logo with a shiggy

vast delta Oct 15, 2023, 10:36 AM

#

do it

silent wadi Oct 15, 2023, 11:31 AM

#

and share snippet 🤲

slim pond Oct 15, 2023, 11:54 AM

#

yes

#

please

rugged echo Oct 15, 2023, 3:34 PM

#

what the fuck is this? it disappears when I disable quick css

#

oh I see what causes it, but I have no idea why

vast delta Oct 15, 2023, 4:38 PM

#

send the code

rugged echo Oct 15, 2023, 7:07 PM

#

it was because of this snippet, I just changed the import from github #1000955971650195588 message

solid ore Oct 15, 2023, 10:47 PM

#

rugged echo it was because of this snippet, I just changed the import from github https://di...

what did you change to fix it?

rugged echo Oct 15, 2023, 10:52 PM

#

solid ore what did you change to fix it?

I just changed the import to this https://raw.githubusercontent.com/Bitslayn/Dis-Cons/main/src/main.css

its for replugged but just css trolley

vestal field Oct 16, 2023, 3:52 AM

#

grrrrr discord css class change

slim pond Oct 16, 2023, 8:55 AM

#

holy shit this looks good

mortal mantle Oct 16, 2023, 8:58 AM

#

is that Mica

slim pond Oct 16, 2023, 9:00 AM

#

no

#

this, plus a colorway

mortal mantle Oct 16, 2023, 9:08 AM

#

Hmm

haughty totem Oct 16, 2023, 2:23 PM

#

i’m not a theme person but looks snazz i admit

vestal field Oct 16, 2023, 2:50 PM

#

nice, sorta looks like softx

rugged echo Oct 16, 2023, 4:40 PM

#

not really a fan of those colors tbh

crystal apex Oct 17, 2023, 2:44 AM

#

discord update changed stuff and broke this snippet, I tried fixing it myself but it wasn't perfect, can anybody fix this for me?

/*User Panel*/
.withTagAsButton-OsgQ9L, .withTagless-10ooWt{
    min-width: 212px!important;
    max-width: 60px;
    position: fixed;
    margin-top: -80px;
    margin-left: 5px;
    border-radius: 5px;
}
.container-YkUktl button {
    width: 48px;
    background: var(--bg-overlay-4,var(--background-primary));
    margin: 4px;
    border-radius: 5px;
}
.container-YkUktl{
    padding-top: 40px; 
}```

toxic yew Oct 17, 2023, 3:00 AM

#

crystal apex discord update changed stuff and broke this snippet, I tried fixing it myself bu...

/*User Panel*/
.withTagAsButton-2_JkHX, .withTagless-Lx3LMo {
    min-width: 212px!important;
    max-width: 60px;
    position: fixed;
    margin-top: -80px;
    margin-left: 5px;
    border-radius: 5px;
}
.container-1CH86i button {
    width: 48px;
    background: var(--bg-overlay-4,var(--background-primary));
    margin: 4px;
    border-radius: 5px;
}
.container-1CH86i {
    padding-top: 40px; 
}

rugged echo Oct 17, 2023, 3:03 AM

#

damn now most stuff is gonna be broken

crystal apex Oct 17, 2023, 3:34 AM

#

toxic yew ```css /*User Panel*/ .withTagAsButton-2_JkHX, .withTagless-Lx3LMo { min-wid...

oh so all I was missing was updating ".withTagles-" when I attempted to fix it lol
thank you :)

crystal apex Oct 17, 2023, 3:34 AM

#

rugged echo damn now most stuff is gonna be broken

yeah, discord update moment

#

most themes I have are a little broken now too

haughty totem Oct 17, 2023, 12:31 PM

#

ain’t we all

haughty totem Oct 17, 2023, 12:32 PM

#

crystal apex oh so all I was missing was updating "`.withTagles-`" when I attempted to fix it...

(? all Autumn updated all 4 hashes)

#

var(--bg-overlay-4,var(--background-primary));
var() can’t take multiple params, can it?

cedar cairn Oct 17, 2023, 12:35 PM

#

#

it serves as a fallback

haughty totem Oct 17, 2023, 1:04 PM

#

ohh cool ty!

slim pond Oct 17, 2023, 4:55 PM

#

who's ready to replace hundreds of classes cuz discord rehashed them? I sure am

vast delta Oct 17, 2023, 5:10 PM

#

discord rehashed?

#

wait did it happen now?

mortal mantle Oct 17, 2023, 5:10 PM

#

yes

#

everything gone

vast delta Oct 17, 2023, 5:10 PM

#

oof

#

wait NOIO

#

NOT YKUKTL

mortal mantle Oct 17, 2023, 5:11 PM

#

i hate this

vast delta Oct 17, 2023, 5:11 PM

#

make a rehash proof rewrite

mortal mantle Oct 17, 2023, 5:12 PM

#

yeah the next version of modular is not gonna be released any time soon

vast delta Oct 17, 2023, 5:12 PM

#

shiggycordv2 is dead now haha

mortal mantle Oct 17, 2023, 5:13 PM

#

no more radial status woohoo

#

less burden

vast delta Oct 17, 2023, 5:13 PM

#

FUCK NO OKAY IM FIXING THAT ONE

#

@mortal mantle use ^=

#

my beloved container YkUktl is now container-1CH86i

mortal mantle Oct 17, 2023, 5:26 PM

#

too many to convert ....

#

but first

#

I will have to remove the ability to customize border radius

#

I don't think anybody will want it

#

It's really taxing on performance

mortal mantle Oct 17, 2023, 5:57 PM

#

#

@vast delta

#

get me a higher quality version of this shiggy

vast delta Oct 17, 2023, 5:59 PM

#

uh

#

uh

#

https://github.com/UserPFP/img/blob/main/Avatars/shiggy.gif

GitHub

img/Avatars/shiggy.gif at main · UserPFP/img

Contribute to UserPFP/img development by creating an account on GitHub.

#

i think thats the highest i have

glad urchin Oct 17, 2023, 6:00 PM

#

mortal mantle

apply filter

mortal mantle Oct 17, 2023, 6:05 PM

#

#

.tipTitle-3FYEQp {
text-transform: none;
font-size: 0px;
font-weight: 800
}
.tipTitle-3FYEQp::after {
content: "Loading Vesktop ...";
font-size: 18px
}
.ready-3BZNWT {
scale: 0;
}
.content-3AIQZv::after {
content: url(https://media.discordapp.net/attachments/865879807988465730/1163899591331160214/uW47ir94.gif?ex=654140f6&is=652ecbf6&hm=33c6c8859b775c68f31b016fc89b871bbcf841642cfc4898a2be9970c80b5892&=&width=292&height=292);
position: relative;
display: inline-block;
top: -500px;
zoom: 0.5;
}

#

improve on it if you feel the need

rugged echo Oct 17, 2023, 6:10 PM

#

shiggycord is real WHAT

#

its a bit off to the top left but its pretty cool

#

maybe because I am not using vesktop or because of the window size

vast delta Oct 17, 2023, 6:47 PM

#

mortal mantle ```css .tipTitle-3FYEQp { text-transform: none; font-size: 0px; font-weight: 800...

[class^=tipTitle] {
text-transform: none;
font-size: 0px;
font-weight: 800
}
[class^=tipTitle]:after {
content: "Loading Vesktop ...";
font-size: 18px
}
[class^=ready] {
display: none;
}
[class^=container]>[class^=content]::after {
content: url(https://raw.githubusercontent.com/UserPFP/img/main/Avatars/shiggy.gif);
position: relative;
display: inline-block;
top: -500px;
zoom: 0.5;
}```

#

rehash proof

#

changed the link to a better one

mortal mantle Oct 17, 2023, 6:49 PM

#

but shiggy doesnt show anymore

vast delta Oct 17, 2023, 6:53 PM

#

it does for me

#

wtf it showed up for me when making it

#

oooohh cuz im stupid

#

fixed

#

wrong link

mortal mantle Oct 17, 2023, 6:57 PM

#

i think most of the class errors are now fixed

#

i shall close vesktoip

vast delta Oct 17, 2023, 7:03 PM

#

/*Change the loading text*/
[class^=tipTitle] {
--load-text: "uwu";
}
/*Nukes the "did you know..." text*/
[class^=tipTitle] {
text-transform: none;
font-size: 0px;
font-weight: 800
}
/*Replaces it with a custom message*/
[class^=tipTitle]:after {
content: var(--load-text, "Loading Vesktop...");
font-size: 18px
}
/*Nukes the default animation*/
[class^=ready] {
scale: 0;
}
/*Replaces the default gif with a shiggy*/
[class^=container]>[class^=content]:after {
content: url(https://raw.githubusercontent.com/UserPFP/img/main/Avatars/shiggy.gif);
position: relative;
display: inline-block;
top: -500px;
zoom: 0.5;
}```

#

added comments and a variable to change the text when using it as an import

#

oh i forgor the important

#

uploading this to my shiggycordv3 thing

haughty totem Oct 17, 2023, 7:23 PM

#

slim pond who's ready to replace hundreds of classes cuz discord rehashed them? I sure am

hundreds of occurences in your themes or did dc actually change hundreds of class hashes? Cause i heard of only ~20

vast delta Oct 17, 2023, 7:23 PM

#

it didnt actually rehash many classes i already saw

haughty totem Oct 17, 2023, 7:24 PM

#

mortal mantle everything gone

literally all hashes changed?

vast delta Oct 17, 2023, 7:24 PM

#

does anyone know a way to detect if the discord window is maximized or not in css? i think it might be complicated but eh maybe

slim pond Oct 17, 2023, 7:26 PM

#

haughty totem hundreds of occurences in your themes or did dc actually change hundreds of clas...

occurencies

#

I could be overstating the numbers tho

grand surge Oct 17, 2023, 7:38 PM

#

vast delta does anyone know a way to detect if the discord window is maximized or not in cs...

i don’t think so

vast delta Oct 17, 2023, 7:41 PM

#

:(

haughty totem Oct 17, 2023, 8:11 PM

#

@brazen tiger #🔧-discord-changes message
thanks! 🙂
Do you happen to know which recent change is the one with the new class hashes?

brazen tiger Oct 17, 2023, 8:11 PM

#

haughty totem <@1001086404203389018> https://discord.com/channels/1015060230222131221/11055820...

i may happen to know

haughty totem Oct 17, 2023, 8:11 PM

#

thinking of updating https://github.com/lanye74/lanye74.github.io/blob/master/projects/pc-theme-converter/classes.json
i mean i prbly won’t but

brazen tiger Oct 17, 2023, 8:12 PM

#

i saw a 150k css diff

haughty totem Oct 17, 2023, 8:12 PM

#

halp

brazen tiger Oct 17, 2023, 8:12 PM

#

but it happens frequently and idk if it was hashes or just random shit

haughty totem Oct 17, 2023, 8:13 PM

#

maybe not worth digging it up then. Sounds like the renames may not be straightforward to extract anyway

brazen tiger Oct 17, 2023, 8:18 PM

#

haughty totem maybe not worth digging it up then. Sounds like the renames may not be straight...

do you know when they changed the hashes (day)

haughty totem Oct 17, 2023, 8:19 PM

#

hold on

haughty totem Oct 17, 2023, 8:24 PM

#

brazen tiger do you know when they changed the hashes (day)

first mention on bd

vast delta Oct 17, 2023, 8:31 PM

#

radialstatus rehashed [holy shit thats a great name for my shiggycord update] almost done

/*Adds the offline border to everyone and fixes some not being normal afterwards for some reason*/
[class^=contents]>[class^=avatar]:first-child, /*Chat*/
[class^=avatar]>[class^=wrapper], /*Memberlist and UserPopout*/
[class^=header]>div>[class^=wrapper] /*Profiles*/
{
border: var(--rs-offline-color) var(--rs-small-thickness) var(--rs-border-style);
aspect-ratio: 1;
}
/*Changes the border colour to Online if Online*/
[class^=contents]:has([fill="var(--green-360"])>[class^=avatar]:first-child, 
[class^=avatar]>[class^=wrapper]:has([fill="#23a55a"]),
[class^=header]>div>[class^=wrapper]:has([fill="#23a55a"]) {
border-color: var(--rs-online-color) !important;
}
/*Changes the border colour to Idle if Idle*/
[class^=contents]:has([fill="var(--yellow-300"])>[class^=avatar]:first-child, 
[class^=avatar]>[class^=wrapper]:has([fill="#f0b232"]),
[class^=header]>div>[class^=wrapper]:has([fill="#f0b232"]) {
border-color: var(--rs-idle-color) !important;
}
/*Changes the border colour to DND if DND*/
[class^=contents]:has([fill="var(--red-400"])>[class^=avatar]:first-child, 
[class^=avatar]>[class^=wrapper]:has([fill="#f23f43"]),
[class^=header]>div>[class^=wrapper]:has([fill="#f23f43"]) {
border-color: var(--rs-dnd-color) !important;
}
/*Changes the border colour to BOT if BOT*/
[class^=contents]:has([data-tag^="bot"])>img[class^=avatar]:first-child, 
[class^=memberInner]:has([data-tag^="bot"])>[class^=avatar]>[class^=wrapper], 
[class^=userPopoutInner]:has([data-tag^="bot"])>[class^=clickable]>[class^=avatar]>[class^=wrapper],
[class^=userProfileModalInner]:has([data-tag^="bot"])>[class^=topSection]>header>[class^=header]>div>[class^=wrapper] {
border-color: var(--rs-bot-color) !important;
}```

brazen tiger Oct 17, 2023, 8:32 PM

#

haughty totem first mention on bd

https://canary.discord.com/assets/40532.eabf035ffc90cae27cda.css → https://canary.discord.com/assets/40532.7cb569ae921afb878ebe.css

#

possibly

haughty totem Oct 17, 2023, 8:33 PM

#

thanks mvp! :3

vast delta Oct 17, 2023, 8:33 PM

#

oh if someone wants it i still have the prehash stock css to run a comparison program to see which hashes changed

#

sounds weird but you know what i mean

haughty totem Oct 17, 2023, 8:34 PM

#

brazen tiger https://canary.discord.com/assets/40532.eabf035ffc90cae27cda.css → https://canar...

as i understand dz’s msg, the old .css is still online

brazen tiger Oct 17, 2023, 8:34 PM

#

brazen tiger https://canary.discord.com/assets/40532.eabf035ffc90cae27cda.css → https://canar...

looks like its still from after they changed the hashes

haughty totem Oct 17, 2023, 8:34 PM

#

vast delta sounds weird but you know what i mean

yeah the programmatic comparison is called a diff

brazen tiger Oct 17, 2023, 8:34 PM

#

vast delta my beloved container YkUktl is now container-1CH86i

since this new hash is in both files

#

the old one isnt there

haughty totem Oct 17, 2023, 8:35 PM

#

ah rippers

vast delta Oct 17, 2023, 8:35 PM

#

haughty totem as i understand dz’s msg, the old .css is still online

oh okay!

haughty totem Oct 17, 2023, 8:35 PM

#

brazen tiger https://canary.discord.com/assets/40532.eabf035ffc90cae27cda.css → https://canar...

still loading! rofl

vast delta Oct 17, 2023, 8:35 PM

#

or is it not? im confused now

haughty totem Oct 17, 2023, 8:36 PM

#

well if it is that’s apparently not it after all^^

vast delta Oct 17, 2023, 8:36 PM

#

https://github.com/coolesding/discordcss/blob/main/original/minified

GitHub

discordcss/original/minified at main · coolesding/discordcss

having fun with discords stock css code. Contribute to coolesding/discordcss development by creating an account on GitHub.

#

this should be the exact copy

haughty totem Oct 17, 2023, 8:36 PM

#

thanks ill check it out

vast delta Oct 17, 2023, 8:36 PM

#

might be missing one or two rules because i dont update it permanently

brazen tiger Oct 17, 2023, 8:36 PM

#

https://canary.discord.com/assets/40532.b102e4122edfd3d3764a.css

#

old hashes

vast delta Oct 17, 2023, 8:36 PM

#

oh yeah they are

#

well i have it unminified (its fucking 300k lines or something

mortal mantle Oct 17, 2023, 8:37 PM

#

here go thru as many children as you like

#app-mount > div.appAsidePanelWrapper-ev4hlp > div.notAppAsidePanel-3yzkgB > div.app-3xd6d0 > div > div.layers-OrUESM.layers-1YQhyW > div > div > nav > ul > div.scroller-3X7KbA.none-1rXy4P.scrollerBase-1Pkza4 > div.tutorialContainer-1pL9QS > div > div.listItemWrapper-3d87LP > div > svg > foreignObject > div > div > img {
    background-image: url(urlhere);
    opacity: 0;
}

#

I wonder what this will be

brazen tiger Oct 17, 2023, 8:37 PM

#

brazen tiger https://canary.discord.com/assets/40532.eabf035ffc90cae27cda.css → https://canar...

https://canary.discord.com/assets/40532.b102e4122edfd3d3764a.css → https://canary.discord.com/assets/40532.eabf035ffc90cae27cda.css
changed nicely

vast delta Oct 17, 2023, 8:37 PM

#

lol

rugged echo Oct 17, 2023, 8:51 PM

#

what is that?

#

oh its old code

haughty totem Oct 17, 2023, 9:02 PM

#

old vs new

vast delta Oct 17, 2023, 9:26 PM

#

any ideas what i could add to radialstatus?

grand surge Oct 17, 2023, 9:27 PM

#

vast delta any ideas what i could add to radialstatus?

add to the trash

vast delta Oct 17, 2023, 9:27 PM

#

:(

grand surge Oct 17, 2023, 9:27 PM

#

make it animated

vast delta Oct 17, 2023, 9:27 PM

#

me sad

grand surge Oct 17, 2023, 9:27 PM

#

pulse

vast delta Oct 17, 2023, 9:27 PM

#

grand surge make it animated

what animated?

grand surge Oct 17, 2023, 9:27 PM

#

neon

vast delta Oct 17, 2023, 9:27 PM

#

oh god no

#

that would destroy performance

grand surge Oct 17, 2023, 9:28 PM

#

vast delta Oct 17, 2023, 9:28 PM

#

actually it should already be a thing if you use keyframes

grand surge Oct 17, 2023, 9:28 PM

#

yeah

#

glowing/neon would be nice

vast delta Oct 17, 2023, 9:30 PM

#

glowing is a boxshadow thing

#

im using border because performance

#

ill make a boxshadow version afterwards

grand surge Oct 17, 2023, 9:31 PM

#

oooo

vast delta Oct 17, 2023, 9:39 PM

#

yeah animations work perfectly fine

#

hm can i make animations overwrite !important?

#

it does work but it doesnt overwrite the old one lol

#

nevermind i just removed !important because it would only be important if someone had two different statuses at the same time

grand surge Oct 17, 2023, 9:43 PM

#

make it a plugin

#

with the options

vast delta Oct 17, 2023, 9:44 PM

#

i will make it a usercss theme so i dont need a plugin :)

#

everyone vote for usercss

grand surge Oct 17, 2023, 9:44 PM

#

grrr

vast delta Oct 17, 2023, 9:44 PM

#

what grr? it would behave exactly like a plugin but you would only have to download the theme and put it in the folder

grand surge Oct 17, 2023, 9:44 PM

#

vast delta nevermind i just removed !important because it would only be important if someon...

insanity

#

what colour what that be

#

blue?

vast delta Oct 17, 2023, 9:45 PM

#

ill filter out the phone

grand surge Oct 17, 2023, 9:45 PM

#

vast delta what grr? it would behave exactly like a plugin but you would only have to downl...

true

#

add it as a import in #🎨-css-snippets

#

very epic

vast delta Oct 17, 2023, 9:46 PM

#

yeah when im done i will

grand surge Oct 17, 2023, 9:46 PM

#

yayayaya

vast delta Oct 17, 2023, 9:52 PM

#

i got the logic in my head but its hard to implement haha

silent wadi Oct 17, 2023, 9:54 PM

#

mortal mantle ```css .tipTitle-3FYEQp { text-transform: none; font-size: 0px; font-weight: 800...

ty seele

vast delta Oct 17, 2023, 9:55 PM

#

LMAO

haughty totem Oct 17, 2023, 10:22 PM

#

brazen tiger https://canary.discord.com/assets/40532.b102e4122edfd3d3764a.css → https://canar...

discor why u do dis
moving shit around
absolutely smh

silent wadi Oct 17, 2023, 10:29 PM

#

vast delta LMAO

u know how 2 make :shiggy: continously rotate horizontally?

edgy sentinel Oct 17, 2023, 10:30 PM

#

easiy

vast delta Oct 17, 2023, 10:30 PM

#

use keyframes

silent wadi Oct 17, 2023, 10:30 PM

#

okai

vast delta Oct 17, 2023, 10:30 PM

#

i think i dont understand the question entirely

grand surge Oct 17, 2023, 10:31 PM

#

make shiggy rotate clockwise

vast delta Oct 17, 2023, 10:31 PM

#

yeah someone else can do that i am currently killing my brain

#

bruh vencord nuked itself with this message mid cssing

grand surge Oct 17, 2023, 10:34 PM

#

horror

#

did it save

vast delta Oct 17, 2023, 10:34 PM

#

yes its all fine

#

i lost about a second of progress husk

grand surge Oct 17, 2023, 10:35 PM

#

HOW COUKD IT

haughty totem Oct 17, 2023, 10:37 PM

#

vast delta i lost about a second of progress <:husk:1026532993923293184>

FUCK!

grand surge Oct 17, 2023, 10:38 PM

#

haughty totem FUCK!

i will compete to be the better support bot

vast delta Oct 17, 2023, 10:38 PM

#

wait can i not nest :has?

grand surge Oct 17, 2023, 10:38 PM

#

cutegun

haughty totem Oct 17, 2023, 10:39 PM

#

vast delta wait can i not nest :has?

i think not, sadly

vast delta Oct 17, 2023, 10:39 PM

#

for example div:has(svg:has(div)) wouldnt work?

haughty totem Oct 17, 2023, 10:39 PM

#

grand surge i will compete to be the better support bot

YOU HAVE BALLS, I’LL GIVE YOU THAT

#

but now give up you have no chance

vast delta Oct 17, 2023, 10:39 PM

#

grrrrrrrrrrrrrr im gonna cry

haughty totem Oct 17, 2023, 10:41 PM

#

dont crai. Instead realize that there is never a reason to nest hasen

#

div:has(svg:has(div)) == div:has(svg div)

vast delta Oct 17, 2023, 10:42 PM

#

i think i found a logic reason to do so but i wont post about it until i have it working because i dont want someone to immediately solve it and make me feel like all my time has been wasted

haughty totem Oct 17, 2023, 10:43 PM

#

you prefer to waste more time first? ( ͡° ͜ʖ ͡°)

vast delta Oct 17, 2023, 10:44 PM

#

i just found a : selector that does a part of what i have been trying to do

#

im gonna krill myself

haughty totem Oct 17, 2023, 10:45 PM

#

haughty totem dont crai. Instead realize that there is never a reason to nest hasen

i feel really sure of this, nevertheless i am curious what your logical reason will turn out to be and i subscribe to your newsletter

#

actually no, i think i was overconfidently wrong

#

a:has(b:has(c) + d)
40yo and still haven’t learned to think twice before making bold claims smh

haughty totem Oct 17, 2023, 10:50 PM

#

haughty totem i think not, sadly

confirmed, sadgely

The :has() pseudo-class cannot be nested within another :has().

edgy sentinel Oct 17, 2023, 10:52 PM

#

sorry i accidently deleted ur message

haughty totem Oct 17, 2023, 10:52 PM

#

np lol

edgy sentinel Oct 17, 2023, 10:52 PM

#

renxPRAY

#

MessageClickActions incident....

haughty totem Oct 17, 2023, 10:56 PM

#

thanks for the reminder, i kinda forgor about it, should start using this tho, very use!

vast delta Oct 17, 2023, 10:56 PM

#

i

#

think

#

i

#

fucking

#

got

#

it

haughty totem Oct 17, 2023, 10:56 PM

#

drop it like it’s hot

vast delta Oct 17, 2023, 10:56 PM

#

well i think i got the logic right

#

i now gotta get it working in the actually application ive been doing this for

#

aaaaaaaaaaand it doesnt work

#

are there other selectors i cant nest?

#

wait nevermind my mistake

haughty totem Oct 17, 2023, 11:00 PM

#

you can’t do ::after::after

#

sadly

vast delta Oct 17, 2023, 11:00 PM

#

well of course yeah

haughty totem Oct 17, 2023, 11:00 PM

#

no it shouldn’t be like this 😭

vast delta Oct 17, 2023, 11:01 PM

#

look at this mf of a logic selector :has(svg:is(:only-child,:not([height="17"])):last-of-type:is([fill="var(--green-360"]))

#

[class^=member]:has(svg:is(:only-child,:not([height="17"])):last-of-type:is([fill="var(--green-360"]))>[class^=avatar-]>[class^=wrapper] {
    border-color: #23a55a;
}```

haughty totem Oct 17, 2023, 11:01 PM

#

that’s a whopper

#

multi parameter :is() nested in :has() isForChefsKiss
i think you went overboard with the second is() tho: x:is([fill="var(--green-360"]) == x[fill="var(--green-360"] no?

vast delta Oct 17, 2023, 11:04 PM

#

idfc

#

i spent so much time on that thing

haughty totem Oct 17, 2023, 11:04 PM

#

oof course you don’t

vast delta Oct 17, 2023, 11:04 PM

#

if its working im not changing it

haughty totem Oct 17, 2023, 11:04 PM

#

missing a ) behind 360 tho

vast delta Oct 17, 2023, 11:04 PM

#

oh thats intended

haughty totem Oct 17, 2023, 11:04 PM

#

i assume

#

o

#

discord things ig

vast delta Oct 17, 2023, 11:05 PM

#

test

#

tester

vast delta Oct 17, 2023, 11:05 PM

#

vast delta tester

tester fail

#

husk

#

my mistake

haughty totem Oct 17, 2023, 11:06 PM

#

but here’s the tester

#

https://tenor.com/view/developer-tester-relationship-gif-23489560

Tenor

#

[class^=avatar-]
does that work without quotes?
with the (trailing) dash

vast delta Oct 17, 2023, 11:09 PM

#

the trailing dash is part of the class yeah

#

its to distinguish ^=avatar-{hash} from ^=avatarHoverTarget

haughty totem Oct 17, 2023, 11:11 PM

#

vast delta oh thats intended

real
what the actual frick

edgy sentinel Oct 17, 2023, 11:11 PM

#

sorrykirino

#

https://github.com/Vendicated/Vencord/blob/188d12d1a3de40f536011f679de1ec52be4dc32e/src/plugins/platformIndicators/index.tsx#L64

GitHub

Vencord/src/plugins/platformIndicators/index.tsx at 188d12d1a3de40f...

The cutest Discord client mod. Contribute to Vendicated/Vencord development by creating an account on GitHub.

#

i made this typo ages ago

haughty totem Oct 17, 2023, 11:14 PM

#

ohh i thought that’s discord’s

edgy sentinel Oct 17, 2023, 11:16 PM

#

no its vencord platform indicators silly

vast delta Oct 17, 2023, 11:21 PM

#

ive actually left out some code that would be applied on every avatar but i feel like those selectors alone are 100 times worse than those properties would be

#

https://github.com/coolesding/shiggycord/blob/v3/base/Radialstatus.css

GitHub

shiggycord/base/Radialstatus.css at v3 · coolesding/shiggycord

shiggyshiggyshiggyshiggy. Contribute to coolesding/shiggycord development by creating an account on GitHub.

#

enjoy this creation...

#

i think i have beaten aoi now when it comes to radialstatus

grand surge Oct 17, 2023, 11:30 PM

#

vast delta enjoy this creation...

can i get preview

#

vast delta Oct 17, 2023, 11:35 PM

#

its done

#

import the raw file

vast delta Oct 18, 2023, 12:29 AM

#

omfg usercss is soooo fucking coool

📎 radialstatus.user.css

#

#

faye you can copy code, you dont have to write it out again

eager night Oct 18, 2023, 12:42 AM

#

im just formatting it

#

i swear

#

vast delta Oct 18, 2023, 12:42 AM

#

stop sending weird stuff send your code silly

eager night Oct 18, 2023, 12:43 AM

#

replaces home icon with image :3c

.childWrapper-1j_1ub{
background: url("insertimageurl");
background-size: contain;
visibility: hidden;
}

.wrapper-3kah-n{
background: url("insertimageurl");
background-size: contain;
}```

#

sry i had caffeine shakes

#

was struggling to take screenshot

#

ignore the fact that the top has css but is also hidden

vast delta Oct 18, 2023, 12:43 AM

#

not bad not bad

eager night Oct 18, 2023, 12:43 AM

#

thanks i make eyesore websites

edgy sentinel Oct 18, 2023, 12:43 AM

#

hop on formatting

#

u can post it

eager night Oct 18, 2023, 12:44 AM

#

yay :3c

#

hold aurn

vast delta Oct 18, 2023, 12:44 AM

#

ima just future proof this important thing rq

eager night Oct 18, 2023, 12:44 AM

#

is insertimageurl clear enough for people or will someone somehow fuck that up

vast delta Oct 18, 2023, 12:45 AM

#

nope its not clear enough

eager night Oct 18, 2023, 12:45 AM

#

i'm gonna put a placeholder image in it hold aurn

grand surge Oct 18, 2023, 12:45 AM

#

needs to be red with arrows and circles

eager night Oct 18, 2023, 12:45 AM

#

grand surge needs to be red with arrows and circles

on it

#

what about a mr beast thumbnail

vast delta Oct 18, 2023, 12:45 AM

#

i usually like to do css :root { --homeicon-image: url(PUT YOUR IMAGE LINK HERE OR IT WONT WORK IF YOU DONT DO THIS YOU WILL BE LAUGHED AT); }

eager night Oct 18, 2023, 12:45 AM

#

okay hot thank u