🎨-theme-development

[late lichen]

what even are those urls

[half crystal]

experiment deeplinks

[smoky belfry]

Tf is that lmao

So bad

No frickking way

[plain kelp]

Some accessibility minded friends tell me that a prominently colored animated display isn't a great idea

[echo frost]

is that only on canary or something?
I don't have it on stable

[pure cairn]

I'm on stable and I had it

And immediately proceeded to display:none it

[onyx mesa]

i've had it on stable for couple weeks now

[echo frost]

oh i have it, but the embed doesn't work

[smoky belfry]

bruh it's server controlled and get desynced it's so bad

why tf did they do that

also wait it also remove the discussion button

i'm disabling that bruh it's bad

[dapper wraith]

Hello, would anyone know CSS code to remove this fade effect from the bottom of the server list, it's only visible when using code that shortens the user panel
I believe however it was only recently added in an update for some reason (I don't know what function the fade would possibly have on a vanilla client since you can't even see it)

[echo frost]

.guilds_c48ade {
    mask: none;
}```

[dapper wraith]

Thank you very much! 🙇‍♀️

[ivory trellis]

is color-mix just transparency?

[echo frost]

no?
You can mix any two colors

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix

what are you trying to do

[ivory trellis]

oh thanks, the percentages as parameters just spooked me

now the degrees as parameters are spooking me

does the mixed colour change dynamically as the other colours change?

my googliness asking for help is stressful

[echo frost]

what are you trying to do

[ivory trellis]

trying to figure out what this is used for

because i see it used a bunch in discord css

[echo frost]

mostly for generating palettes

[echo frost]

if you have color-mix(in oklab var(--color-1), var(--color-2)), it'll use the variables if that's what you mean

so if the variables change, color-mix will also change

you probably don't need to use color-mix much if at all

[ivory trellis]

so embarrassing, thank you so much, mister

[ivory trellis]

is it a bad idea to recolour things in themes

many things

[echo frost]

like make a theme that is a recolor of discord?
or recolor a theme someone made

I don't think either of those are bad?

might depend a bit on what exactly you mean

[ivory trellis]

a recolor of discord

i'm just thinking that would need constant maintenance

unless you can recolour the base colours that discord applies to everything

is the lack of wanting to do maintenance already a losing mentality?

[echo frost]

I use this

this will tint the main colors
most of that is just to change the accent

  --custom-theme-base-color: #4e194e;
  --custom-theme-base-color-hsl: 300 51% 20%;
  --custom-theme-base-color-amount: 10%;
  --custom-theme-text-color: #6e007f;
  --custom-theme-text-color-amount: 10%;

[ivory trellis]

do you touch the 125 lines of automationing?

oh i see the variables are adjustable at the top

this is joyous

[ivory trellis]

oh wait the 125 lines literally only change the accent?

[late lichen]

peak background (can i actually post stuff like this here)

[ivory trellis]

if you tell me how you did it

[ivory trellis]

do you happen to have one of these for changing the font for all text 😶‍🌫️

i don't think that's how that works

uh, better question, do you know why

• {
  font-family: 'Courier New', Courier, monospace;
  }
  doesn't work for all text

is that a worse question cause i'm asking for help but not a solution

[late lichen]

i have one(from the theme im modding)

#app-mount :where(::-webkit-input-placeholder,
  body,
  button,
  input,
  select,
  textarea,
  *) {
  font-family: var(--cf);
}

and then on the root

:root { 
 --cf: "Courier New"; 
}```

[frank dome]

  font-family: var(--font, "Iceberg"), "Iceberg";
}```
this is what i use

[ivory trellis]

this does not seem to apply to all text

[late lichen]

heres the background

dont jugde the size of "transparent bgs"

[ivory trellis]

being transparent is lovely

what exactly is app mounting

[ivory trellis]

made a more involved version of this, i think, no clue, but yes

:root {
    /* --custom-theme-base-color: #00644b;
    --custom-theme-base-color-hsl: 300 70% 20%;
    --custom-theme-base-color-amount: 50%;*/
    --custom-theme-text-color: #68c7ff;
    --custom-theme-text-color-amount: 10%; 

    --text-link: #75c8ff !important;
}

.theme-light,
.theme-dark,
.theme-darker,
.theme-darkest {
    --background-accent: pink;
    --background-base-low: blue;
    --background-base-lower: green;
    --background-base-lowest: rgb(68, 10, 68);
    --background-secondary: rgb(100, 14, 14);
    --background-secondary-alt: rgb(68, 35, 35);

    --background-surface-high: yellow;
    --background-surface-higher: rgb(141, 141, 2);
    --background-surface-highest: rgb(255, 255, 192);

    --chat-background-default: orange;
    --user-profile-overlay-background: red;

    --card-primary-bg: pink;
    --bg-surface-raised: rgb(226, 94, 116);
}

[tranquil whale]

free 5000 orbs https://discord.com/quests/1420098259002724373

[plain kelp]

Sounds like a scam

Free anything in an unrelated channel is always a scam

[errant zenith]

its real tho its literally just the quest link

[plain kelp]

Maybe, but why this channel?

[errant zenith]

no idea

just saying that its like actually a thing lol

[tranquil whale]

yeah

its just funny

its like 6$ worth of orbs

they keep on breaking discord

maybe new dvr

causing problems everywhere on canary

[tranquil whale]

shiki code blocks and couve profile pop up dont work can someone help

[echo frost]

?

[steep otter]

I want my discord to look like yours

[echo frost]

ok and what does mine look like

[echo frost]

are you looking at an image I sent?
which one

[steep otter]

This one

[echo frost]

.

it's not my theme

not even my screenshot
(well unless you count it being a screenshot of a screenshot)

[echo frost]

that's not mine
and imo, it's a really bad theme

[steep otter]

Yea, fullscreen and the text does look bad. Sorry for that. I think I'll make my own theme which suits me the best.

[river pecan]

hello everynyan

[half crystal]

peak discord
no chats, no servers, just pure microstrasactions

[pure cairn]

I love that

[kindred forge]

After updating vencord i have a huge gap between the server icons and my css doesn't seem to be working anymore

When I change a parameter, nothing changes anymore.

Any ideas?

[errant zenith]

did this with discord's settings redesign

[half crystal]

ooh that reminds me - how far has that come along?

[oak plover]

looks pretty good

[errant zenith]

??

[oak plover]

The experiment

[oblique pebble]

made a pull request to update the useless badges, added the orb badge

[ivory trellis]

can you use js or something in themes

[half crystal]

no, CSS only
Still, you don't really need JS to theme discord, CSS is amazing by itself

[ivory trellis]

maybe after 2000 hours of figuring out how to bypass its limitations

like why is negative padding not a thing ._.

[late lichen]

what would you use negative padding for?

[half crystal]

What are you trying to do

[ivory trellis]

oh very sorry was just an example of a previous issue i had

can you make a css plugin?

pretend i didn't ask

[late lichen]

is there a class for server icons when they have messages?

(or some other thing, im using the ".item__58105" to see if they have messages, but im looking for better alternatives)

[echo frost]

wait what you aren't using pill? oh i see

are you actually trying to get the icon (image) or something else

these are the only differences i see

you could try tabindex

idk if it'll be consistent though

what css are you using now?

.pill_e5445c:has(>.item__58105)+div .icon__6e9f8?

[late lichen]

.listItem__650eb:has(> .pill_e5445c > .item__58105)

[echo frost]

oh you need the listitem selected?

[echo frost]

seems like tabindex has to do with how i was marking it as unread

[late lichen]

the reason i wanted to switch from "item" was that hovering the server was triggering it, i could try to size match but its animated

[echo frost]

what are you trying to do

[late lichen]

purple is hover, white is message, orange is selected(the border)

[echo frost]

what are you actually trying to do

[late lichen]

wdym

[echo frost]

what are you trying to do

i don't know how else i can phrase that

what is your goal

why do you need this

[echo frost]

I can't help until I know what you're wanting

[late lichen]

idk, its cause on the theme im using theres something similar on the channels, and i thought, why not add it to the servers too

[echo frost]

You can do something like this

.item__58105[style*="height: 8px;"] {
  width: 100%;
  height: 100% !important;
  background: orange;
  display: flex;
  align-items: center;
  &::before {
    content: "";
    left: 4px;
    height: 8px;
    width: 4px;
    background: white;
    position: relative;
    display: block;
    border-radius: 0 32px 32px 0;
  }
}
.pill_e5445c {
  height: calc(100% + 4px);
  width: 100%;
  top: -2px;
}

or add the attribute selector to your :has(), but :has() should be avoided

[graceful fulcrum]

Sorry if this isn't allowed, but can someone help me get the server boost progress bar to be transparent? Tried searching for an hour or so if anyone possibly made one in a theme, css snippet, or posted one here. Couldn't find any unless I'm stupid. I use ClearVision themes in case that helps. Not sure if that's too different from the FrostedGlass that I see most people use

[harsh harbor]

what do you mean by make it transparent?

[onyx mesa]

opacity: 0.5

[real quarry]

am now on legcord, opening custom css thru vencord toolbox gives flashbang. where would the custom.css file be stored

[graceful fulcrum]

Like how my theme is, if that helps, everything is transparent, but the boost progress bar isn't. I would like it to be like everything else, so it matches

[late lichen]

/* makes unfilled level progress bg transparent*/
.progressContainer__0d0f9 {
  background: transparent;
}

[echo frost]

or use #0008 or something similar to make it partially transparent

[tranquil whale]

is it just me or did the colored embeds css snipet not work today

[steep otter]

Hi NSPG, I tried installing and enabling the themes, but the icons for system settings aren't showing up properly. Also, I noticed it caused quite a bit of lag on my system. Just wanted to check if there’s a fix for the missing icons and if there’s any way to reduce the performance impact.

[crimson skiff]

yeah the lag is known, im not sure how to fix it, ill need to check what i can do once i get a new laptop

also not sure about the icons, worked for me

[steep otter]

Oh

Allright

[oak plover]

made a few more tabs, I’ll probably end up changing some stuff about them if I feel like it idk yet

[burnt sky]

oh i like how you have that setup

[graceful fulcrum]

Thank you so much

[echo frost]

what is home and launcher?
is that an experiment?

that's really cool

I can't tell what's an experiment and what you did with css

and your experiments tab is weird
having switches instead of dropdowns, and having descriptions
and also I don't have the home page experiment

or minified chat bar

[oak plover]

I unfortunately have to say that this is all just concepts I’m making in figma

A lot of the stuff is how I’d want to add stuff / how I’d want stuff to look

I saw the friends popout experiment and figured an actual homepage could work out better, it has the “in case you missed it” thing from mobile and redoes the active now section

The background is your profile colors, so it’s somewhat an equivalent to mobile’s you page

[echo frost]

oh

i should try figma

[oak plover]

“Launcher” was supposed to be like a repurposed version of the old library tab to launch games stored locally on your computer or through connected accounts like steam (discord activities too)

[echo frost]

i've never really seen the point of making a mockup instead of actually making it

[oak plover]

That’s fair

From a design standpoint it’s quicker to visualize something through a mockup

[iron smelt]

The memories

Buy games through Discord

[oak plover]

Honestly if they were brave they could start doing that with the shop again

[iron smelt]

Nah steam got to big of a market share

They could have a partnership together

[oak plover]

I just wish there was more than profile images

[echo frost]

is it possible to share a figma file?
I'd be interested in seeing how a figma mockup works

[oak plover]

With the draft project type I don’t think so but there is a project type made for collab work

My only real problem with figma is the stuff it lacks though you can usually work around it

Like it doesn’t have margins but it does have padding so you can easily work around that with some stuff like that

[tranquil whale]

its a cool project

[tranquil whale]

maybe make a plugin

or your own client mod

its possible

with backend and all

[oak plover]

Would be fun to try out

I’d like to get better at js

[pure cairn]

Today I want to commit more crimes

[spring pewter]

Make a white theme which is so bright it hurts ur eyes

Like

Black text make just a tiny bit darker white

And everything else

[pure cairn]

Bisio beam

[echo frost]

default white theme already does that

[spring pewter]

It isnt bright ENOUGH

[echo frost]

here you go #app-mount {filter: brightness(100000000000000000);}

[spring pewter]

Thanks

[clear siren]

would love to try a hdr monitor and try to make extra bright hdr stuff in css

[pure cairn]

Your eyeballs wouldn't love that as much

[echo frost]

why'd i get sad ghosted

[spring pewter]

Sad ghosted..?

Omg

[river pecan]

i am curious, is there a way to add bloom to any text?

my solutions are kinda weak

nvm,

[echo frost]

i'd expect a husk in this server, not a sad ghost

[spring pewter]

A squid

[echo frost]

it's a sad ghost

[river pecan]

no way...

[pure cairn]

Wdym bloom?

[plain kelp]

You mean like, text-shadow?

[river pecan]

yeah

[harsh harbor]

sad jellyfish

[river pecan]

all it needs is darker tentacles

for deepth (ig

[pure cairn]

test

oh god this is amazing

[echo frost]

what

[pure cairn]

@import url('https://raw.githubusercontent.com/Krammeth/css-snippets/refs/heads/main/Codeblocks.css');

for the brave

[half crystal]

what the fuck

[harsh harbor]

holy shit that cursed, i love it

[half crystal]

im sobbing

[harsh harbor]

a perfectly working piece of code

[half crystal]

oh my god i have an idea
a very dumb idea
oh fuck

[pure cairn]

Oh right, I forgot Wingdings is not installed by default on all devices

But centered aligned code is a beauty to see

[half crystal]

all in the box is a quote

[pure cairn]

Close enough, welcome back Quoter plugin

[half crystal]

i was gonna add the pfp but decided thats way too fuckin difficult

[half crystal]

here

.blockquoteContainer__75297 {
    width: 100%;
    background: black;
    aspect-ratio: 16/9;
    max-width: 100%;

    .blockquoteDivider__75297 {
        display: none;
    }

    blockquote {
        width: 100%;
        max-width: 100%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px !important;
        text-align: center;

        span:not([data-slate-leaf="true"],[data-slate-node="text"]) {
            font-family: serif;
            color: white;
            font-size: 2.25rem;
            font-style: italic;
            line-height: 1.2;

            &::before,
            &::after {
                content: "\"";
                font-weight: 900;
            }
        }
    }
}

oh this is permenantly staying in my quickcss

[pure cairn]

It's so goofy

It looks like Monogatari transition scenes

If only css had randomization support

[half crystal]

fr

[pure cairn]

Actually

We don't need it

Get the message ID and check its final digit

Then make styles for every digit possible

https://tenor.com/view/cock-dick-balling-we-cock-dick-balling-gif-17448069

[half crystal]

random "lucky" messages

[pure cairn]

Yes

But it works

The chance of getting the same style in separate messages in a normal context is kinda low

[half crystal]

working on something

[pure cairn]

[pure cairn]

every day we are one step closer to Balatrocord

[half crystal]

blade0 blind
disable all rabbit-related messages this round

[pure cairn]

[pure cairn]

I'm being too lucky

[half crystal]

balalacord

[pure cairn]

I already have this ready for when I'm going to start working on that

@import url('https://raw.githubusercontent.com/Krammeth/css-snippets/refs/heads/main/crt.css');
:root {
  --crt: on;
}```

[half crystal]

when you do so, i will help and make it into a full theme

i need to see balatrocord

[pure cairn]

same

[half crystal]

also afaik this is broken? i csnt see the scanlines

[pure cairn]

add the root part

I made the default state off because it's a bit annoying to always have it when working on other stuff

does it work?

it does on my end, but maybe with a regular theme it's not as noticeable

[half crystal]

messing with it a bit to make the scanlines batter

[pure cairn]

I also tried applying a fisheye effect

but sadly it's not doable without shaders and shit

cuz you know, the crt effect on Balatro also affects the window corners

[half crystal]

i did do as bset effect i can here

[echo frost]

wtf

[pure cairn]

hell yeah, that's what it was supposed to look like

opening #🎨-css-snippets will be magical

[pure cairn]

?

I don't see the fisheye

[half crystal]

well like the radial thing on the crt

[pure cairn]

oh yeah, but I wanted to add it to the whole window, not just the crt

[pure cairn]

distorted

[half crystal]

ye impossible :(

[pure cairn]

mhm, sadly

[half crystal]

best i could get

[pure cairn]

can you make like a before/after comparison? it's been a while since I used it

[half crystal]

before v after

[pure cairn]

Yeah okay, I meant "before" as with my version

[half crystal]

that before is your version

[pure cairn]

Fr?

[half crystal]

yes

[pure cairn]

I can't even see it

Damn okay

[half crystal]

neither can i

[pure cairn]

It's way more visible on my end

[half crystal]

drop this in at the end

:root {
    --crt: on;
    --crt-transparency: 0.2;
    --crt-speed: 5s;
    --crt-blur: 0.4px;
}

body::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    pointer-events: none;
    backdrop-filter: blur(5px);
    mask-image: radial-gradient(circle at center, transparent 75%, black);
}

body::after {
    background: linear-gradient(to top,
            rgb(0 0 0 / var(--crt-transparency)),
            rgb(0 0 0 / var(--crt-transparency)),
            transparent, transparent);
    background-size: 100% 4px, cover;
    mask-image: radial-gradient(circle at center, black 60%, rgba(0, 0, 0, 0.5));
    backdrop-filter: blur(0.4px);
}

span {
    filter: drop-shadow(0px 1px 0px rgb(0, 0, 0, 0.5));
}

@keyframes scanlines {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -40px;
    }
}

i don think webkit likes 2 blurry css masks overlaying each other

[echo frost]

isn't that vignette not fish eye

probably not possible to get fish eye with css actually

maybe you can do some magic with svg filters, but idk

[pure cairn]

svg heightmaps

[echo frost]

what

[pure cairn]

I'm not ready to learn how that works

[echo frost]

is that a thing that exists??

[pure cairn]

Iirc they're called displacement maps (?) it's been a while since I had that convo here

@echo frost @half crystal https://codepen.io/cauners/pen/ExMaqOW

not mine, but it's made with only css

[echo frost]

wtf discord removed hovering over timestamps

ig this is the best that can be done for now

time[datetime]:hover::after {
  content: " ("attr(datetime)")"
}

i really hope it was an accident

[harsh harbor]

im begging it was just an accidental momentary lapse of concentration from someone at discord 😭

[echo frost]

This is kinda nice

time[datetime]:hover::after {
  content: "("attr(datetime)")";
  width: max-content;
  position: absolute;
  z-index: 9999;
  backdrop-filter: blur(4px);
  padding: 0 4px 0 4px;
  border-radius: 6px;
}

the only slight problem it has is this, but i think that's not a big deal

[real quarry]

honestly can do w/o backdrop filter imo

yes hello obsidian

[echo frost]

if you do a background ig, but i gave up trying to match the background color

because there's replies and selected messages too

[echo frost]

hi ery

[real quarry]

btw opening edit quickcss from vencord inside legcord gives me flashbang how do i fix

[echo frost]

huh

what's legcord

[real quarry]

imagine vesktop but you can use :has() css rules w/o tanking FPS

[echo frost]

what

give please

[real quarry]

https://legcord.dev

[harsh harbor]

discord can run on legs now ig

[real quarry]

wrong url i think

i forgor the link but they're on github

[echo frost]

i thought you were trolling me when it didnt work

[harsh harbor]

https://legcord.app/

[real quarry]

ah that's where i fucked up

good to know

anyway legcord's got everything i wanted except that opening vesktop's quickcss gives flashbang

[real quarry]

hence this

[echo frost]

what happens

[harsh harbor]

light mode maybe

[echo frost]

oh wait i think i know what you mean

I have that and i don't use legcord

[harsh harbor]

oh the little buffer period before it loads

[echo frost]

is this what you mean @real quarry

i'm not sure if there's a way to fix that

[real quarry]

yeah except on mac it never loads so it's just permanent white

[echo frost]

wait what

what's happening

[harsh harbor]

did you try reporting it to the legcord devs?

[real quarry]

yeah

[echo frost]

so you can't even use quickcss?

[real quarry]

i'll get around to it one day

[real quarry]

not directly, no—i can toggle it on and off if after using vencord cloud sync

[echo frost]

why do you even need to fix it then

if you have no reason to open it

[real quarry]

add new rules once in a while

like today's timestamp fuckup for example

[echo frost]

how are you accessing it though if it doesn't load

[real quarry]

havent figured out a way for that yet

[echo frost]

then how are you adding new rules once in a while

[real quarry]

current solution in mind is maybe opening vencord to test then sync to cloud then sync here

[echo frost]

that's not very quick

just use a theme file at that point

[real quarry]

github's CDN caching takes even longer

¯_(ツ)_/¯

[echo frost]

?

what do you need to worry about caching for

it's a local file

i'm very confused

you're contradicting yourself

[real quarry]

idk where local file is 😔

[harsh harbor]

i think they thought you meant put a .css file on github and use import for it

[real quarry]

^

[echo frost]

that would be an online theme

[real quarry]

ight, if i know where legcord puts the customcss file i'd be ok with that too

[harsh harbor]

easily confusable

[echo frost]

i didn't mean editing the customcss file

ig you could try that

it might load a bit faster than a normal theme file

[echo frost]

can you explain this
i'm still confused

[real quarry]

i havent added any new rules since switching to legcord

bc of the flashbang issue

back then it was just directly thru vesktop

[echo frost]

but the issue isn't the flashbang

the issue is the editor doesn't load

[echo frost]

i wasn't able to fully fix the flashbang, but i was able to make it be slightly shorter by adding html { color-scheme: dark; } in src\main\monacoWin.html
(make sure you add it to the right monacoWin.html file. there's one for browsers too)

[river pecan]

hi @echo frost

[echo frost]

?

[river pecan]

hello

????

[echo frost]

do i know you?

do you need something?

[river pecan]

no,no

[harsh harbor]

vr 10

[cloud jolt]

10\. No unsolicited pings, DMs or friend requests

Do not ping other users for support (including replying with a ping to unrelated support messages). Do not send direct messages or friend requests for help.

[echo frost]

do you need something?
why'd you ping me

[river pecan]

i forgot

[harsh harbor]

im somehow not convinced you had a reason to begin with

[river pecan]

and i won't try to convince you

[harsh harbor]

you don't need to convince me about anything

its the internet, trust no-one

[river pecan]

ok

how you feel about css body{text-align: center;}

[echo frost]

I HATE THIS UPDATE

DISCORD CHANGED MESSAGE ACTIONS

SO NOW IT'S IMPOSSIBLE TO DO MY SNIPPET WITHOUT :HAS()

[river pecan]

i have no clue what you talk about ,yet

[echo frost]

they wrapped all the buttons in a span and added some where hiddenvisually thing

[harsh harbor]

they fucked with timestamps too

[lunar bough]

nothovernotchild.copium

[echo frost]

yeah

[lunar bough]

gimmie back my timestamps

bro they annoy me lately

[harsh harbor]

idk what the fuck they changed timestamps for

[echo frost]

This is the new css that works

.buttonsInner__5126c:not(:hover)>*:not(:nth-last-child(2)) {
  display: none;
}

[lunar bough]

oh so this actually is thing

[oak plover]

oh ew

i don't like that

[echo frost]

the old css i was using was this
it had beautiful animations

and showed it when holding shift

[harsh harbor]

discord says no to fun

[echo frost]

but this isn't possible anymore without :has(), and i can't be bothered trying to do anims again

[lunar bough]

they better focus on making useless game board 2nd instead of activity or i will myself

[harsh harbor]

they're too busy adding game hosting to the platform

for some reason. on a chatting platform.

[lunar bough]

eh i mean i commit few crimes with has anyway to get some stuff and it don't impact anything at all

[echo frost]

a has in this snippet nukes discord

[lunar bough]

WAIT WHAT they just ruined my colorful connections broooooo

[echo frost]

because there's a ton of elements it has to check

[harsh harbor]

being real what doesn't discord ruin

[echo frost]

idk if this is new, but they messed up the color on the change code language icon

there's no hover color anymore

[echo frost]

fix

.codeIcon__4d95d {
  color: var(--interactive-normal);
  cursor: pointer;
  &:hover {
    color: var(--interactive-hover);
  }
}```

[lunar bough]

what the f

they did same span to connections

literally speechless

[harsh harbor]

LMFAO

[oak plover]

ugh you can't even display: contents any of this

[echo frost]

what does that do

[harsh harbor]

i'd say im surprised but i'd be lying

[oak plover]

basically a display none for the parent that keeps everything inside still visible

[echo frost]

WTF

THAT'S SO USEFUL

i think

HOW HAVE I NEVER KNOWN ABOUT THAT

[oak plover]

i did that and a grid display to make the two row chat bar thing work awhile ago

yeah i def gotta fix this for the bottom aligned styling but it works still kinda

[echo frost]

oh fuck i've been on discord too long

i blame discord's shit update

[echo frost]

now i don't have time to make rice before i leave

[lunar bough]

amazing i gotta change now all aria labels of yt, all other connections to img "logo [name]" lmao thx discord will use ai for it

[half crystal]

Only thing we'd need is a way to import external filters, theres gotta be a way
(Also if we figure this out I can also do fucking liquid glass in css)

[half crystal]

from my highly advanced research™️ you just need an SVG URL that defines a filter
e.g url(https://blade0.net/example.svg#example-filter)
Chromium apparently blocks external filters for security purposes tho, so we'll see

[clear siren]

I've also tried using my own svg filters but couldn't get them working

[pure cairn]

My hatred for chromium can only get worse I guess

[half crystal]

Vesktop built on ladybird when

[clear siren]

could probably easily make a plugin that adds an element with a filter

[pure cairn]

Gotta make a PR to ThemeAttributes adding one svg filter

[half crystal]

Gonna build a custom version of chromium for electron that removes filter security policies then blackmail discord to use it

[pure cairn]

[velvet pawn]

vencord plugin to inject filters

[clear siren]

anything to get maximum rice

[echo frost]

?
you don't need it in the html

you can just do it with a data uri

--dr-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='dark-reader-filter' color-interpolation-filters='srgb'%3E%3CfeColorMatrix type='matrix' values='0.311 -0.624 -0.624 0.000 1.010 -0.624 0.311 -0.624 0.000 1.010 -0.624 -0.624 0.311 0.000 1.010 0.000 0.000 0.000 1.000 0.000'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/svg%3E#dark-reader-filter");

filter: var(--dr-filter) !important;

you don't need it as a var, but i use that multiple times, so a var is helpful

[pure cairn]

Okay, but does it work?

That's the main point

[clear siren]

I tried using data uris at one point but couldn't get it working back then

maybe they work now

[pure cairn]

I personally never used them so I don't know how they're supposed to work

Also what is a uri? I thought it was a misspelled url

[crimson skiff]

https://stackoverflow.com/questions/176264/what-is-the-difference-between-a-uri-a-url-and-a-urn

[pure cairn]

Noted

Thanks

[clear siren]

https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Schemes/data

apparently we're supposed to call data: uris urls too now

[clear siren]

most of the explanations here are just more confusing imo except the one that has that image

[crimson skiff]

thats just the first result i got from looking up on google

[jovial vault]

Just updated and now the app button is showing. Did they change something or does someone have an updated code to hide it?

[harsh harbor]

you mean the one on the right of the emoji picker?

[jovial vault]

Yes

[harsh harbor]

.button_e6e74f {
  display: none;
}```

should work

[jovial vault]

That worked. Bless~

[harsh harbor]

all good :)

[half crystal]

Wouldn't work on chromium (maybe) - thats still an external filter

[half crystal]

(URIs are treated as external documents for securitys sake afaik)

[smoky belfry]

guys it's so cursed and so bad and so laggy, but it's the best i found

nvm i'm fucking stupid, this exist

&:nth-last-of-type(2)

also fuck you discord for wrapping random shit in a span

makes my life so much harder for no reason

for those who wonder about my use case

[class^=buttonContainer] > [class^=buttons] {
    > [class^=buttonsInner] {
        border: unset;
        padding: unset;
        box-shadow: var(--shadow-low) !important;
        background-color: var(--background-base-low);
        border-radius: 4px;
        > [class^=separator] { display: none; }
        > span {
            > [class^=hoverBarButton] {
                padding: unset;
                height: 32px;
                width: 32px;
                border-radius: unset;
                &:hover > [class^=icon] { transform: unset; }
            }
            &:has(~ [class^=separator]) { display: none; }
            &:first-of-type ,[class^=separator] + & {
                > [class^=hoverBarButton] {
                    border-top-left-radius: 4px;
                    border-bottom-left-radius: 4px;
                }
            }
            &:nth-last-of-type(2) > [class^=hoverBarButton] {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }
        }
    }
}

[late lichen]

then how do filters like this work?

[half crystal]

that's an internal filter already defined someplace else in discod's dom or on another part of discord.com

[half crystal]

wait what the fuck
WHY DOES THIS WORK

[echo frost]

I use that on chromium
idk what you mean

[half crystal]

THANK YOU DISCORD
FOR DESYNCING MY FUCKING MESSAGES AND TRYING TO SHOW ME AS AN IDIOT

amazing software

[smoky belfry]

also someone tell me if i'm wrong, but i'm pretty sure there's no way to get rid of that has there

[echo frost]

?

why would it not

[half crystal]

Time to play this to myself for the next hour
https://youtu.be/KThlYHfIVa8

[echo frost]

I'm still confused
I've never heard of chromium blocking some filters

vencord blocks some external resources, but you can add them to a bypass

[half crystal]

I saw some chromium bug report listing this as intentional, ig I misremembered

[echo frost]

oh can you send

[half crystal]

can't find it anymore

[echo frost]

I think you can see a list of chromium bugs you've viewed

I think a website can set a csp
maybe that also blocks data uris and that's what you're remembering?

I don't think it would make sense for chromium as a whole to block external filters in all cases

it seems like there's also a csp with local files or something?

[burnt lake]

Do you know how to solve the problem with this bar, remove it, and restore the old state?

im usage this import

@import url('https://chloecinders.github.io/visual-refresh-compact-title-bar/desktop.css');

[pure cairn]

Holy shit

So it works

[half crystal]

I've reset my system like 2 times since I saw that bug I think

[half crystal]

Which means

1. Liquid glass
2. Balatrocord

[echo frost]

it wouldn't be your system. it would be under your google account

[pure cairn]

https://tenor.com/view/balatro-hanging-chad-chad-brainstorm-blueprint-gif-2040947056834966761

We are so back

[half crystal]

me, having never signed into the chromium bug tracker:

[half crystal]

liquid glass has failed

[pure cairn]

by the way, can I dm you to organize my thoughts a little on Balatrocord?

and generally just dump ideas

[half crystal]

absolutely, by dms are always open to anyone

[half crystal]

both through uris and importing
importing gives a this, uris just didnt work for me :(

[half crystal]

fuck you github for not allowing invalid html spec

[echo frost]

and just double checked and the github.io link also has it

[echo frost]

what is it even supposed to do

[half crystal]

liquid ass

[echo frost]

but do you have a picture of it working?

ig probably not since it's not working lmao

i assume it's meant to be like the iphone thing

[half crystal]

this svg is straight from rebane

[echo frost]

who's rebane

[half crystal]

https://lyra.horse

[echo frost]

Oh this is why i recognized that name

[dusky venture]

hey can somone help me?
i want to switch a part of a theme and i need help
i want to take this buttons and switch with the circles in my theme and keep the gray color
issat-my theme
nyph-the other one

[next tundra]

that's from midnight, but it should be easy enough to just filter: grayscale(100%)

[dusky venture]

can you help me put it into the issat theme? @next tundra

[cloud jolt]

10\. No unsolicited pings, DMs or friend requests

Do not ping other users for support (including replying with a ping to unrelated support messages). Do not send direct messages or friend requests for help.

Auto-response invoked by krstlskll69.official

[late lichen]

how do i make the masking for this to have the bg from the "typing" frame and still not clip inside the text box?

[real quarry]

did discord break timestamps again

[late lichen]

#🎨-css-snippets message ?

[echo frost]

even more than them removing the tooltip yesterday?

[real quarry]

my "today at" is gon

the hover from obsidian's snippet still works

[echo frost]

the today at snippet broke when the tooltip was disabled

the aria-label existed because of the tooltip

[real quarry]

fuck.

fuck discord.

[echo frost]

you can use this plugin to get the today at (and a lot more) https://github.com/Vendicated/Vencord/pull/3189
(you'll need to install it as a userplugin though)

[burnt sky]

oh neat thanks

[marble monolith]

what would be the optimal way to hide the 'add emoji' button???

[brazen quartz]

.header_c0e32c > .button__201d5 { display: none !important; }

[marble monolith]

man i have GOT to figure out how to write my own css

thamks

[echo frost]

wtf why does it show in servers you don't have perms to in

[marble monolith]

idk

but also I tested it out and it doesn't let you add them to those servers

[echo frost]

yeah

[lunar bough]

aint they even shown in ppl dms?

[marble monolith]

it has you select from the servers you do have perms in

[marble monolith]

yup

[lunar bough]

got rid of it ages ago just like uh this choosing skin color of 👋🏻

[marble monolith]

yea

those buttons just feel too cluttery

[echo frost]

you don't need the !important btw

[marble monolith]

what does !important do anyway

[echo frost]

makes it important

lol

uh

[marble monolith]

ok but like

what does that do

[echo frost]

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

[marble monolith]

[im stupid]

[lunar bough]

overrides any silly discord stuff if they make it important enough to make ur css doesnt work kekw

[marble monolith]

ah ok

[echo frost]

related to it is this https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_cascade/Specificity

[lunar bough]

tldr only use it if u see them using it inside inspector and u rlyyyy want to overwrite it

[echo frost]

so if there's something that has high specificity that you can't get, you can use !important

but things with !important are harder to override, so you should only use them if necessary

[marble monolith]

i just noticed something wrong with the bottom of the selector...,.,.,

the corners

[marble monolith]

noted

[lunar bough]

u missing border radius on one class

[marble monolith]

hmmmm probably something to notify the theme dev about then [I use Midnight by refact0r but with custom colors and stuff]

[echo frost]

.emojiPicker_c0e32c>.inspector_c0e32c {
  border-bottom-right-radius: var(--radius-sm);
}```

[echo frost]

it's a default discord bug

well actually it looks like the left one is a bug with their theme

[lunar bough]

ah yea makes sense, I've rewritten whole tab so couldn't tell

[echo frost]

what'd you change it to?

[marble monolith]

it would appear so

[lunar bough]

few neons, cleaned up trash like stuff mentioned above etc.

[echo frost]

ss?

[marble monolith]

actually is there a way to hide the "top emoji in this server"

[lunar bough]

i mean juust hide it

lol

[marble monolith]

i guess that works lol

[lunar bough]

[marble monolith]

hmmmm then I assume after collapsing the menu it'd be safe to hide the header and button related to it using CSS?

[lunar bough]

not really worth imo

and its same sections

[echo frost]

it's only possible to do with :has()

and using :has() is a sin far worse than anything you could imagine

[marble monolith]

so I have heard

[echo frost]

(only slightly exagerated)

[lunar bough]

im commiting this crime for few stuff already

full profile

[marble monolith]

I fixed the bottom right corner but bottom left is still wonky

[lunar bough]

connections and progress bar inside statuses

[lunar bough]

add as well border-bottom-left-radius: var(--radius-sm);

[marble monolith]

nope, didn't work

[lunar bough]

might be from this emoji container which i got rid of?

[echo frost]

i think you're messing with the border-radius size in your theme, so you'll probably need to mess with it to get the right size

[marble monolith]

yea the theme doesn't have that as a customizable value

but it's 14px

[echo frost]

by default it's this

you can open inspect element and see what the value is

if you came to 14 by guessing

[echo frost]

you'll need to scroll down to where border-radius isn't crossed out

[marble monolith]

I see

[echo frost]

it's being overwritten somewhere else

[marble monolith]

theeeere we go

[lunar bough]

Obsidian, do I use modmail from what i read to get role and post stuff in snippets?

[echo frost]

yeah make a modmail to request snippet dev role

you'll need to send the snippet you want to submit

and then you'll get it in probably 1-90 days

[lunar bough]

oky thanks

[smoky belfry]

It's actually pretty fast

[echo frost]

it was over 2 months for me

also wtf is timestamp tooltip back?

aria-label isn't though

[lunar bough]

everything was perfect

they always ruin stuff

[echo frost]

themeattributes when

it seems like they're switching from aria-labels to this

[marble monolith]

ok i got it fixed

[lunar bough]

myself im using second one

too bad i cant remove first day

[half crystal]

an image

[lunar bough]

makes sense why i just had to rn edit my css to add this newly added span xD

each time I reload they change somethng in it istg

[pure cairn]

I got called batshit insane by Blade0, life goal achieved

[late lichen]

its done

[pine needle]

how can i get the custom Halloween mouse cursors in the shop... *hover

[oak plover]

added some more stuff, friend also had the idea for icons as extra indicators on options

[tranquil whale]

If only this could be real

does anyone know how to upload a font

its for a theme

[smoky fog]

https://files.catbox.moe/61hgo9.png
https://files.catbox.moe/jq43hq.png

[pine needle]

thank you very much!

[echo frost]

This is how they're defined
Discord might remove the assets after this ends or something, so probably best to use the catbox ones scha sent or something

:root {
    --custom-cursor: url(/assets/0adde181ab3c3a14.png) 2 2, auto;
    --custom-cursor-pointer: url(/assets/1e8cfd3e9987a294.png) 8 0, pointer;
}

[pine needle]

nice, it works but how do i do for "link select"

[echo frost]

wdym

those are the only two cursors they made

[pine needle]

understood! thank you!

[echo frost]

by link select what do you mean
this?

[smoky fog]

download & convert to .cur and apply it to ur mouse setting

[tranquil whale]

dosent work

[echo frost]

it defines variables and then you have to do cursor: var(--custom-cursor);

[tranquil whale]

the how do I do it

[echo frost]

body {
  cursor: var(--custom-cursor);
}```

it's probably best to do what scha said and just install the cursors on your system

otherwise, you'd need to find every class that should have the cursors

[tranquil whale]

Im importing

[fair rivet]

Is that a custom client?

[tranquil whale]

thats a figma project

resd messages from 07/10

[late lichen]

how to make that settings ui?

(the base)

[tranquil whale]

Make custom client mod

js

@brittle iron

couve profile snippet is not working

any fix

[late lichen]

u sure?

[robust totem]

Yo that's so fucking cool

[oak plover]

thanks, glad you like it so far

[echo frost]

importing what

[echo frost]

it's made in figma

[tranquil whale]

the cursor from github is it possible

[echo frost]

what cursor from github

[tranquil whale]

a .cur file I uploaded on github

I want to set that as my mouse

and is there any profile pop ups that are working

[echo frost]

?

[tranquil whale]

Like the couve profile pop up

but that does not work

[echo frost]

I don't know what that means

[tranquil whale]

Let me search for it

[echo frost]

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

[echo frost]

.cur files are supported

[tranquil whale]

how

[echo frost]

.

same as the png

what css are you using

[tranquil whale]

chillax theme

[echo frost]

so i have to go through the whole file to find it?
I don't want to do that

[tranquil whale]

oh umean the curdor

[echo frost]

yeah

[tranquil whale]

not added yet

I removed it for convenience

[echo frost]

what css are you using that it isnt working

[tranquil whale]

chillax

shouldnt affect it

[echo frost]

what css are you using to define the cursor

[tranquil whale]

but I think my cursor css I used was wrong

[echo frost]

yes, what css is that

how am i supposed to help if you don't send that

[tranquil whale]

whar you gave me yesterday

[echo frost]

what i gave you yesterday isn't for your cursor

send the css you're using

[tranquil whale]

U mean my theme

[echo frost]

NO

[tranquil whale]

Im not using any

[echo frost]

then how can you say it;s not working

[tranquil whale]

for cursor yet

Im asking what do I use

[echo frost]

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

[tranquil whale]

thanks

[echo frost]

I think your cursor is too big

[echo frost]

seems like max size is 128x

[tranquil whale]

thats mini my cursors ate 500x

[smoky fog]

[late lichen]

AAA, worst part, it flickers

[burnt lake]

How to make discord settings transparent again?

[tranquil whale]

search the css snipets

[echo frost]

what am i looking at

[jagged aspen]

And so is this

https://betterdiscord.app/theme/Cyberpunk 2077

This is where I got the theme

this is the css

[real quarry]

what the FUCK is a passkey and why the FUCK is discord telling my 2FA-enabled veteran ass to enable it and how the FUCK do i get rid of all banners of this sort

[smoky belfry]

passkeys are like 2FA but better
also just click the cross

[real quarry]

just click the cross
my sibling in christ if i did that then the hippie data farm will just track that and push it on me even harder

[spring pewter]

[echo frost]

getting rid of all of those banners would be bad
sometimes they have important stuff

[half crystal]

i present to you message image flipping on-command using only css

[echo frost]

how are you doing it?

[half crystal]

a message with attachments with the first piece in the message being a spoiler containing an underlined piece of text as the first thing in the spoiler

i would do only thing in the spoiler but idk how to do that

[echo frost]

huh

can you send the css

that sounds cool

[half crystal]

.message__5126c:has(.container_b7e1cb>.visualMediaItemContainer_f4758a):has(.contents_c19a55>.messageContent_c19a55>.obscured:first-child>.obscuredTextContent__54ab5>.obscuredTextContentInner__54ab5>u:first-child) {
    display: flex;
    flex-direction: column;
    .contents_c19a55 {
        display: contents;

        .messageContent_c19a55 {
            order: 1;
            >.obscured:first-child:has(>.obscuredTextContent__54ab5>.obscuredTextContentInner__54ab5>u:first-child) {
                display: none;
            }
        }
    }
}

please enjoy this selector mess

[echo frost]

||__ __||test

huh

how do i do it

[half crystal]

the spoiler must be at the start of the message

[echo frost]

huh

[half crystal]

and contain underlined content

[echo frost]

oh

whoa

||this is a test|| abc

[half crystal]

MY GOALS ARE BEYOND THOUST UNDERSTANDING

[smoky belfry]

What the flip

[crimson skiff]

why did i get a ping here

[carmine compass]

Like after every message?

[crimson skiff]

like once

[pure cairn]

Someone replied to a message of yours and then deleted the reply

[noble sleet]

Hi! I wanted to let you know that your (replied to) CSS snippet for hiding specific user statuses lags Vencord. I'd been wondering what was lagging my discord for the past year, and it turns out it was this! I am guessing that Discord's further changes to profiles & statuses may be interfering with it? or maybe lag is from the way it's nested? (no clue, i am not a developer)

I wasn't able to post about this on its original github post so I figured I'd notify you here, in case you have the bandwidth to fix it (no worries if not, but I wanna say I enjoyed using it, thank you!)

[late lichen]

what the hell(didnt know you can open inspect element on the overlay), and is there a way to css snipe it?

-# sorry if this is the wrong channel

[iron smelt]

The overlay is just a transparent window so yes, you can open inspect element on it

And as of now, No you cannot inject custom CSS onto it

[late lichen]

plugins do load tho(i saw theme attributes variables on pfps)

[crimson skiff]

the same goes to the vc window for some reason, if the vc window pops up, even visual refresh doesnt apply to it

[tranquil whale]

this look cool?

[pure cairn]

The lag is mainly caused by the :has() selector it uses to check for the user ID in their avatar icon, which was (and probably still is, I haven't checked/updated that code in a while) the best way I had found
I'll give it a look later and see if it can be improved a bit

• add > in selectors
• swap to class names instead of 100% attribute selectors
• check if the user ID is somewhere else in the elements

[pure cairn]

This will still cause a bit of lag, but it should be less than before, I managed to reduce the amount of :has() selectors and replace attribute selectors with class names (which will break, but can be quickly fixed with the class updater)

[src*="ID"] {
 .wrapper__44b0c > .mask__44b0c > foreignObject > .avatarStack__44b0c > &.avatar__44b0c { 
  /* memberlist */
  .memberInner__5d473:has(> .avatar__91a9d &) > .content__91a9d > .subText__91a9d,
  /* DMs list */
  .layout__20a53:has(> .avatar__20a53 &) > .content__20a53 > .subText__20a53 {
   display: none; 
  }

  /* small popout */
  .inner_c0bea0 > .header__5be3e:has(> .avatar__75742 &) {
   /* custom status */
   & .referenceContainer_ab8609 {
    display: none; 
   } 
  }
  .inner_c0bea0:has(> .header__5be3e > .avatar__75742 &) {
   /* activity section */
   & > .body__5be3e > section[aria-labelledby^="uid_"] {
    display: none;
   }
  }

  /* big popout */
  .inner_c0bea0:has(> .profile__9c3be > .profileHeader__9c3be > .avatar__75742 &) > .container__37bfc {
  /* tab element */
  > .tabListScroller__37bfc > .top_aa8da2 > .tabBarItem__37bfc[data-tab-id="ACTIVITY"],
  /* activity tab */
  > .tabBarPanel__37bfc[id="activity-tab"] {
   display: none;
  }
 }

 /* active now tab */
  .itemCard__7e549:has(div:not([class]) > .headerFull__00943 &) > div:not([class]) { 
   /* activity name */
   & > .headerFull__00943 div:not([class]) > .text-sm\/normal_cf4812,
   /* activity icon */
   & > .headerFull__00943 > .headerIcon__00943,
   /* channel container */
   & > .body__00943 {
    display: none;
   }
  }
 }
}

/* friends list */
[data-list-item-id$="ID"] {
 &.peopleListItem_cc6179 > .listItemContents_fc004c > .userInfo__0a06e > .text__0a06e > .subtext__0a06e {
  display: none;
 }
}

/* DMs right panel */
[aria-labelledby$="ID"] {
 aside& > .outer_c0bea0 > .inner_c0bea0 > .scrollerBase_d125d2 > .body_b32ca4 > section[aria-labelledby^="uid_"] {
  display: none;
 } 
}```
let me know how it goes

do note that you'll have to paste the ID in 3 times now instead of 1 (complain with discord, not me :3)

[fair rivet]

🤤

[echo frost]

can you not change the first two has's to use >

[pure cairn]

I sure can, good catch

thanks

[noble sleet]

Thanks, will try this out tomorrow!!

[noble sleet]

Ended up trying it now. It works perfectly, thanks so much! I cut it down to only the erasing I need: DM list, member list, friends list. Butter smooth, no lag Thanks again!

[src*="userID"] {
 .wrapper__44b0c > .mask__44b0c > foreignObject > .avatarStack__44b0c > &.avatar__44b0c { 
/* member list */
  .memberInner__5d473:has(> .avatar__91a9d &) > .content__91a9d > .subText__91a9d,
/* DMs list */
  .layout__20a53:has(> .avatar__20a53 &) > .content__20a53 > .subText__20a53 {
   display: none; 
  }
/* friends list */
[data-list-item-id$="userID"] {
 &.peopleListItem_cc6179 > .listItemContents_fc004c > .userInfo__0a06e > .text__0a06e > .subtext__0a06e {
  display: none;
 }
}

Aaaand of course, a very ugly compact version <3

[src*="userID"] { .wrapper__44b0c > .mask__44b0c > foreignObject > .avatarStack__44b0c > &.avatar__44b0c { 
/* memberlist */ .memberInner__5d473:has(> .avatar__91a9d &) > .content__91a9d > .subText__91a9d,
/* DMs list */ .layout__20a53:has(> .avatar__20a53 &) > .content__20a53 > .subText__20a53 {display: none;}}}
/* friends list */
[data-list-item-id$="userID"] { &.peopleListItem_cc6179 > .listItemContents_fc004c > .userInfo__0a06e > .text__0a06e > .subtext__0a06e {display: none;}}

[pure cairn]

You're welcome

[oak plover]

moved the create presets button cause i didn't really like where it was before

[sharp orbit]

hiii so i can change the position of the text right ?

bcz its like that

i want to make it like that

[echo frost]

I think you can do that with text-align

but isn't Arabic supposed to be right to left

I didn't know it could be left to right

[upbeat flicker]

-# .messageContent_c19a55 {text-align: left !important;}

[sharp orbit]

yeah it is but i want it in the left bcz theres alot of space my eye's will say bye

[sharp orbit]

tysmm

[sharp orbit]

tysm

[cloud sigil]

There a thingy that hides the Hover Menu unless shift is pressed?

[crimson skiff]

performance impact is due to some of my snipppets, ill see if i can narrow down which does that

[cedar meteor]

what theme is this bro your settings look Cool

[echo frost]

it's figma

not a theme

[cedar meteor]

what is figma 💔

[echo frost]

an app for designing
https://figma.com

[cedar meteor]

ok yay ❤️

[echo frost]

there is an experiment that makes it look like this though

[crimson skiff]

it broke horizontal server list :/

never mind, its because i made a specific change to it i think

@steep otter i made some minor changes, but absolutely obliterrated the gradient stuff, it uses too much :has selectors, which select too many elements at the same time
performance should be a bit better now

i also made chat related toasts v2 as a successor of chat related alerts which doesnt use the has selector at all. im plannig to rewrite seamless chat bar as well

[cedar meteor]

#NeedThat badddd

[echo frost]

it's an experiment so you can turn it on

search for settings

[cedar meteor]

does it matter which one

[vivid flame]

should be redesign 1 and variant 2, that one looks like the one from above

[echo frost]

I don't remember the difference between 1 and 2a

and not sure if I ever figured out the difference between variant 1 and 2

[cedar meteor]

this is epic i hope it comes out to main soon

[vivid flame]

2a does nothing for me, as for variant 1 and 2 they look the same I think

[robust totem]

redesign 1 variant 2 adds the "open legacy settings" option (which can also be triggered with ctrl+,) if you're not already a developer (using the experiments plugin)

redesign 2a changes the layout of Voice & Video and Notifications sections

or I suppose there is no Voice & Video redesign yet so it's unused 😭

[tardy turret]

you are a mad lad and i love it so much

please never stop

[tardy turret]

just like the real cyberpunk experience

[half crystal]

I seem to go in a pattern of theme development> snippet development> theme development

Where I am
You will never know

[half crystal]

The day we can apply CSS to child windows I will rejoice and cry and sob and program

for hours

[river pecan]

.embed__98ba8 {
    max-width: 100%;
}
``` most simple snippet ever just for spotify invite to listen along

for anyone who would like it

[sage tusk]

Does anyone know the element that creates a box shadow on the text bar when someone is typing?

[lunar bough]

    mask: none;
}```

[sage tusk]

Thank you very much : )

[lunar bough]

yw ^^

[pine needle]

question.. does adding svg fill color like this
cause discord lag?

path[d="bla bla bla"] {
  d: path("bla bla bla ");
  fill: #1f6d31;  /* Set the color for this path */
}

[oak plover]

should be fine

[echo frost]

especially if you're using =, it should be fine

[tranquil whale]

making a custom vencord player

what style should I give it

[echo frost]

you might want to fix these corners

[tranquil whale]

theme dependant

dont want to do more than a vencord player

this the real thing

[tranquil whale]

theres also a intrusive version that is very distracting

not very nice though under refinement

how long does it usually take for a css snipet to be approved

[echo frost]

I made it better

and i need nitro to send it lmao (or a file)

[tranquil whale]

haha

me too

I sent mine to mod mail waiting now

[echo frost]

definitely not overcomplicated

most of it is from adding the tooltip

also i finally found a use case for anchor

[tranquil whale]

cool

[oak plover]

I don’t see why it couldn’t be that by default

[echo frost]

be what by default?

the profile buttons in the top right corner?

it used to be that

they changed it for some reason

[oak plover]

It doesn’t look as good as a row in the actual profile area

Especially cause the buttons don’t even fill the whole width down there

[echo frost]

yeah

also you can only see how far until you reach the limit and not how far past the word limit you are now lmao

no aria-label which would be best, but there's this hiddenVisually span

.characterCount__795fb>.hiddenVisually_b18fe2 {
  height: auto;
  width: auto;
  clip: unset;
  clip-path: unset;
  background-color: var(--background-surface-highest);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  padding: var(--space-4) var(--space-8);
  user-select: text;
}

.characterCount__795fb>.upsell__795fb,
.characterCount__795fb>.flairContainer__795fb>div {
  display: none;
}

[pine needle]

question again.
if i want to change discover and add server icon.. can i just use this css.. or do i need to add more.. or i mean is this the right css?

  content: url("blebleg");
}
div[aria-label="Discover"] {
  content: url("ble ble");
}

[echo frost]

uh that might work, but there's a better selector you can use, and you should probably change the path of the svg instead of that

[data-list-item-id="guildsnav___create-join-button"] and [data-list-item-id="guildsnav___guild-discover-button"]

[echo frost]

what do you want to change them to?

[pine needle]

want to change them to pixel icon like..
I tried before

png url *

[echo frost]

is this not working anymore?

[pine needle]

it worked..just asking if there's a better css for it? or im good with the old one. 😅

[echo frost]

i don't have much experience changing icons to pngs

if that works, you can do that

[echo frost]

these would probably be better selectors though

[pine needle]

i see wil try!

thank you.

[echo frost]

they won't be language specific, and it's possible some other place has aria-label="Discover" or something

[echo frost]

WHOA https://developer.mozilla.org/en-US/docs/Web/CSS/calc-size

THIS IS AMAZING

[half crystal]

Wait what the fuck

[echo frost]

and i'm immediately abusing it to do something really cursed :)

[tardy turret]

[echo frost]

(using it to shorten this text)

[pure cairn]

Can I use this for when I'll be finally getting back to fixing my popouts snippet?

[echo frost]

sure?

[pure cairn]

Thanks

[pure cairn]

I never used anchor or got to learn how it works, so having a first hand example will be helpful

[echo frost]

i've tried to use it, but I don't think i've ever gotten an actual use out of it until now

[half crystal]

All I want to do is to be able to animate inset values from unset to 0

[echo frost]

inset?

[half crystal]

top, left, right and bottom

[echo frost]

oh i didn't know that was shorthand for them

[echo frost]

I did find this that might do that https://developer.mozilla.org/en-US/docs/Web/CSS/interpolate-size

seems like not unset, but auto is usually the same as unset i think

[half crystal]

Mainly I want to use it for that windows 8 card flip open animation

[echo frost]

auto doesn't seem to work for me

[echo frost]

I MADE A FONT

[echo frost]

it's possibly slightly less scuffed than doing this (if i wasn't using my terrible glyphs)

it has some other ligatures i should probably have removed

also i'm very good at drawing glyphs

[grand surge]

Is there something like a masterlist compilation of selectors for various elements? (Doesn't have to be performance-friendly with specific selectors)

[echo frost]

ctrl+shift+i

[tranquil whale]

is there a experiment I have to enable to activate the board feature

and why my css snipet still not approved

[tranquil whale]

blade is there gonna be more versions of tabs v2 servers

maybe v3

[crimson skiff]

how is this

[tranquil whale]

nice

[river pecan]

thats cool

[crimson skiff]

only uses 1 has selector btw

might also push this, and start using this instead of seamless chat bar, that has way too much has selectors

[river pecan]

btw @crimson skiff do you still update gradient members+dms?

[crimson skiff]

i think i removed it from my snippets

it caused insane lag because of how many elements it is matching

i couldnt reduce the lag even though i did absolute matching

[river pecan]

i see!

is it from linear-gradient, right?

[crimson skiff]

no, it is from :has

[river pecan]

ohhh

i was thinking to remake this but ig lag is not avoidable

[brazen quartz]

for wat

[crimson skiff]

animation

has anyone also figured out a way to make this react to based on the chat bar height?

[crimson skiff]

the confusing part is that radial status is perfectly fine

[brazen quartz]

container-name on chat bar, then @container chat-bar (height < 5px) on the buttons container maybe ?

[half crystal]

writting snapchat custom css and my god this would kill discord

[echo frost]

you might be able to use @container

[river pecan]

any ideas how i can improve this?
https://cdn.discordapp.com/attachments/1428360748228149350/1428360856349052948/image.png?ex=68f23835&is=68f0e6b5&hm=ee301efa3b033a59b01501fc0d271d1945ef39ece7264119c2db59ad3acdc4d5&

would love opinions

[real quarry]

how do i disable these font styles on usernames i thought OldCord theme would've done that by now but i guess not

[sage tusk]

Image?

[real quarry]

uh hold on

@sage tusk since u asked

[echo frost]

you can probably just select the element and set font-family to var(--font-primary)

[river pecan]

a

[river pecan]

@echo frost do you use spotify?

i need somebody to send their own invite

thank you

[sage tusk]

Ofc

[sage tusk]

I have no clue what this font is lwk

Are you using an @import in your file

[real quarry]

im fairly certain these fonts are from one of discord's new nitro-exclusive font styles thing because my vanilla discord setup has these as well

in any case i got an answer from obsidian so it's all good

[crimson skiff]

how though?

[echo frost]

this maybe?

@container (height > 300px) {

}```

have you tried?

[echo frost]

yeah i think it's an experiment
so you fixed it then?

[real quarry]

not yet i'll get to it one way or another

maybe after switching back to vencord; i dont think legcord themes are working the way i wanted them to :c

[echo frost]

I think this should work
And also hide them in profiles

.username_c19a55.dnsFont__89a31 {
  font-family: var(--font-primary);
}
[data-username-with-effects] {
  animation: none !important;
  font-family: var(--font-display);
  color: var(--text-default) !important;
  -webkit-text-fill-color: unset !important;
  --custom-display-name-styles-gradient-start-color: var(--text-default);
  --custom-display-name-styles-gradient-end-color: var(--text-default);
  --custom-display-name-styles-main-color: var(--text-default);
  &::before {
    content: unset !important;
  }
}

[tranquil whale]

my snipet got denied

sas

sad gonna make others

[river pecan]

@tranquil whale next snippet i may be working on is this embed, https://open.spotify.com/track/6v8fX5yXd15H3xSyvVvJ5e
if you're interested in that

oh wait, it's iframe

🤔

[tranquil whale]

what class name off quests

[echo frost]

which snippet?

[tranquil whale]

vencord player

spotify player or whatever

I made a better one waiting now

made a transperent embeds css snipet

go to simplify though

[crimson skiff]

never mind, i just switched to #🎨-css-snippets message

[dreamy osprey]

Dose anyone have a anip for the new audio ui crap

[tranquil whale]

Ill look at it

but im kinda busy

[real quarry]

i just want to show my appreciation to the oldcord theme maintainers for insulating me from the corpo bullshit UI changes 🥰

[tranquil whale]

I got banned from creating tickets 😭 it was not even the same snippet they said low quality so i make higher quality and now banned

why me always

life sucks

[crimson skiff]

gg

clearly should be higher quality, wym

[half crystal]

What was the snippet

[tranquil whale]

spotify player

they said too basic so closed it then I make it more complex and make ticket and got banned from mod mail check my roles

[echo frost]

the arrows?

.micButtonParent__37e49>.buttonChevron__37e49 {
  display: none;
}
.micButtonParent__37e49>.micButtonWithMenu__37e49 {
  border-radius: var(--radius-sm);
}

[tranquil whale]

my life is hell

maybe should give up on css for discord

[dreamy osprey]

Sorry to bother u I was thinking of a setting page not that

[echo frost]

can you send a screenshot

i'm not sure what you're talking about