🎨-theme-development

[royal atlas]

wait

[deep bane]

yeah

do fill

???

[royal atlas]

doesnt work

[deep bane]

how

[royal atlas]

i did use fill in the class below services as u can see

[deep bane]

.services img

[vestal field]

did u read the post

[deep bane]

!important

and change the img to svg

jesus

[vestal field]

this is the most hacky way possible

[royal atlas]

wait

[summer adder]

yeah pretty much

but hey its the easiest way to get color into white via html/css

[royal atlas]

im not trying to change the color of the img in html code tho

[vestal field]

you have to

[royal atlas]

i did

[vestal field]

or you can set fill currentcolor on the html svg

and use css to change the color

[royal atlas]

alright then ill just include it in the html then

[vestal field]

there was one method in the stack overflow where you can set the svg as the background mask of a div

still kind of a hack

[deep bane]

i dont understand why you dont just use fill

[royal atlas]

let me see if !important works or not

[deep bane]

.services .services__icon

[royal atlas]

as i said im not trying to change the color of the img

whole thing and just included the vsg that i wanna use as background in the html code

[deep bane]

i have no idea what youre talking about

just do it in paint and post it here

change colors of what you want

and post it

here

[deep bane]

so you want it to have the same color as the background but slightly whiter?

[royal atlas]

yes

the img tage in html code is for the icons , not the background

i didnt want to change the color of icons

[deep bane]

try

.services__wave {
  fill:color-mix(in lab,currentColor 80%, white) !important;
}```

[royal atlas]

brother

[deep bane]

oh

wave

there you go brother

[royal atlas]

thanks mate

[deep bane]

does it work

[royal atlas]

nope

but , i dont need it anymore

changed them individually instead of that

thanks anyways

[pure cairn]

noice

[soft fjord]

how do i make "about me's" fully gone?

ive tried but cannot for some reason

[deft niche]

Find the class, then display: none it

[soft fjord]

im tryin but i cant find it

[deft niche]

How can you not find it

Elaborate

[soft fjord]

im inspecting the about me element and keep scrolling and i cant find it

[deft niche]

Right there

When you hover on an element in inspect it highlights it

[soft fjord]

ive got that

how do i make the actual headings go away?

i cant do it without all the headings going away

[summer adder]

.userPopoutInner_f545a3 .section__6f61e:has(.markup_a7e664) {
    display: none;
}```

[plain kelp]

And for the header, .userInfoSectionHeader__31b66:has(+ * .markup_a7e664) I guess

[summer adder]

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

[soft fjord]

what about the big user popout? thats kinda what i was aiming at lol

[summer adder]

.userInfoSection__1daf8 .userInfoText__5f822 {display: none;}
.defaultColor__37d78.eyebrow_f53856.defaultColor__87d87.userInfoSectionHeader__31b66 {display: none;}```

this is the closest im getting to doing it

im sure someone else can probably get farther

[deft niche]

WHY ME

https://tenor.com/view/leonardo-dicaprio-gif-18906611

[summer adder]

because FUCK YOU

[deft niche]

Seems legit

[simple kiln]

lol

[deep bane]

NAHH

wait they changed the chat scrollbar

[simple kiln]

yep, and the scrollbar width still not the same width as other.

[past bison]

Hi! I started modding the css to be able to minimize the window and have less clutter. What do you think? The room/chat list opens on hover.

what do you think? ^^

oh and it works with all the themes

[solid ore]

is ur monitor like 5cm wide wtf

[past bison]

no but i like to put it next to a big window

[summer adder]

yeah tbh i dont see much use in this

[solid ore]

as long as it works for u ig

[past bison]

i have 1080p 27" and seeing a full website next to discord is nice

[summer adder]

at that point just get a second monitor

[past bison]

i dont want to

[solid ore]

maybe get deskpins

[past bison]

that would still cover other stuff

i like how i made it and also improved the default theme a bit ^^

it's good for this windows function

[solid ore]

wait wat did they change abt it

[deep bane]

light theme

[deep bane]

class i think

[past bison]

got tired of the black after years, it's happyer 😄

[deep bane]

light theme

[solid ore]

like the whole name or j the shit at the end

[deep bane]

pretty sure they removed a class named thin

[solid ore]

hmm

[deep bane]

.managedReactiveScroller__1b21a is probably the new class or whatever

[solid ore]

will look when back on pc

[solid ore]

ew

[deep bane]

would be good to have something that tells us when discord changes something in html/css

[solid ore]

fr

a changelog

[summer adder]

heyo

i wanna extract the new wumpus for the chat can be a lot

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

but i cant do this due to the entirety of wumpus being svg

can anyone help

[plain kelp]

If you've extracted it and it's a svg, you've succeeded

If you want it to not be a svg, convert it

[summer adder]

nono

i dont know how to extract it

[plain kelp]

Find the svg element in devtools and «copy outer html» I guess

[summer adder]

but what i want to do is get the dancing wumpus and turn him into a gif

as its different than https://assets-global.website-files.com/6257adef93867e50d84d30e2/654fa4be5d8356f96db97699_WumpusDancing.gif

[plain kelp]

The lazy solution would be setting the background to black and using a screen recorder

[summer adder]

i guess this'll work https://files.catbox.moe/gqbibi.png

thanks

[solid ore]

wtf is that

[deft niche]

SO MANY SHIGGY SERVERS

[summer adder]

press ctrl + shift + alt + w

anyways

i got him

hes not transparent but thats fine

[bleak gust]

@past bison your theme is very cool, i'm interested in trying it

[bleak gust]

oh thats interesting

is this part of that teen safety assist feature

[summer adder]

idfk

[plain kelp]

Ew, that thing is animated via js, not svg animation

[bleak gust]

It's probably implemented as some kind of Lottie animation

yeah it is

[plain kelp]

Never heard of lottie before

[bleak gust]

It's glorified json https://en.wikipedia.org/wiki/Lottie_(file_format)

https://airbnb.io/lottie/

[plain kelp]

You can do JSON.stringify(Vencord.Webpack.wreq(926299)) to get the raw data

[analog cargo]

i dated a girlnamed lottie once

[grand surge]

same

gaycord

[gilded cloak]

Please get a job at valve to fix their awful email css

[rugged echo]

maybe its gmail issue

[gilded cloak]

there is no such thing as blaming gmail for this kinda thing

its known what css rules gmail supports

[deep bane]

"there is no such thing as blaming discord for this kinda thing
its known what css rules discord supports"

[gilded cloak]

https://www.caniemail.com/

[gilded cloak]

quite literally yes.
people would use nesting in #🎨-css-snippets if discord supported it.

[dark dragon]

Like 2 weeks until that's a reality

[gilded cloak]

how do you know?
hasn't canary had a greater electron version for like forever now?

[dark dragon]

Yeah, that version of Electron supports nesting and is being pushed to stable on March 15th. It's the reason older windows and mac versions are losing support

https://support.discord.com/hc/en-us/articles/20470973046295--Known-Issue-Support-for-Windows-7-8-and-8-1#:~:text=As of March 15th%2C 2024,support on January 10%2C 2024

[iron smelt]

i main canary

[deep bane]

what is css getting then

[rugged echo]

oh idk I was saying maybe the screen size or something, but then that would still be a problem from steam I guess

[analog cargo]

html in email was a mistake

[plain kelp]

Well yeah two mistakes rarely make a right

[analog cargo]

wtf

[vestal field]

.thing {
   .other-thing {
   }
}```

[deep bane]

i know its getting nesting, i meant what else is css getting on discord

[vestal field]

idk what else

[plain kelp]

Check chrome changelog

It'll probably get color-mix()

[bleak gust]

what the fuck this is pathetic

[fast cipher]

can you please share the code for this

[bleak gust]

^^^^^^

[past bison]

sure! should i make it as a theme? I continued fixing it

[past bison]

okay, i don't know what's the best way to share it, but here it is:

i'm sorry if the code is ugly, it works xD

[past bison]

u too can now try it ^^

[fast cipher]

thanks

[past bison]

Let me know if you think about some further improvements!

sorry, it had a bug with removing links in embeds, updated the code:

[pure cairn]

@wispy kayak please check if this works for you as well, since we're using different languages on Discord

/* Hide Invite to Server on right click */
.item__183e8[id=user-context-invite-to-server] {
  display: none;
}```

[solid ore]

im p sure ids r same for everyone

its aria labels that change

[pure cairn]

Good

Thanks for the tip

[solid ore]

np

[pure cairn]

anyone has the class for the members list typing indicator? I've been playing roulette with inspect element for a good 20m now

[plain kelp]

Try F8Break

[pure cairn]

thank you

mhm nope, still can't move these dots

I managed to make discord crash tho, I see that as an absolute win

[solid ore]

members list has a typing indicator?

[pure cairn]

when someone is typing, their status indicator turns into 3 dots

[deep bane]

.typing__6fd1d

[deep bane]

oh

[pure cairn]

that's from the member list on the side

[deep bane]

can you type

dont send it

this is like playing cat and mouse

mask=url(#svg-mask-status-typing)

[pure cairn]

yeah I tried using 3 classes but it wouldn't work

[pure cairn]

.dots_a97068
.cursorDefault_e4f616 and another one

[deep bane]

use the mask attribute for the selector

[pure cairn]

isn't it mask: url... etc?

[deep bane]

[mask=url(#svg-mask-status-typing)]

.membersWrap__90226 .member_aa4760 [mask=url(#svg-mask-status-typing)]

or something

[pure cairn]

Mhm nope, no idea on how to use it atm
I'll get back to it after studying a bit more

No spoonfeeding please

[solid ore]

if any1 wants them, i made a server with j these emojis, literally nothing else in it
dm for invite

[edgy sentinel]

horror

[bleak gust]

i think i will stick to the built-in twemojis

[deft niche]

Ugly

[valid rover]

whats that

oh my bad its the "theme" you are making

sorry

[bright gust]

I stopped making it lol

[valid rover]

noooooooo

why tho

[bright gust]

Someone else is making a better one, mine mine as well just be a "it's functional enough so you can use vendroid"

Plus just about everyone said to quit essentially 🥲

[valid rover]

how negative of them

its such a cool idea

[hallow void]

someone should make a teamspeak theme

[deep bane]

here you go https://www.teamspeak.com/en/

[oak plover]

he's got a

[grand surge]

Does anyone here know how to make/customise themes I need my clear theme customised

[deft niche]

Read the name of the channel name you're in

Then use https://google.com

[lime walrus]

[pure cairn]

You can either properly learn css first and then start theming or fuck around and find out

[half crystal]

this is really cool, feels much faster than cosy or compact or whatever that BD one is called

[past bison]

i still don't know where to post a theme, but made an update. Mainly just changed little things, added some csss snipplets from #🎨-css-snippets and made the spotify-gameactivity-etc panel nicer. Overall it looks more polished now.

[past bison]

maybe this would be nice too

or putting the server logo there

[fast cipher]

server logo would be nice 👍

[brave rampart]

This theme could prob be used for porting vencord to mobile now I think about it...

[bleak gust]

vencord has an android app kinda but its average

[brave rampart]

Oh it does?

My bad

When I looked around for it people told me it didn't exist :P

[bleak gust]

Yeah, it just wraps the discord website

The discord mobile website experience is kinda awful though

can't use swipe gestures

[brave rampart]

Cool might look into forking it and adding @past bison theme to it

And adding swipe gestures

[bleak gust]

Don't bother forking the vendroid repo

I think these would probably be better suited for Vencord itself

the theme can probably be omitted

[brave rampart]

Okie

Oh shoot

It's in java

:/

[grand surge]

u gonna make a dark mode anytime soon?

or does it exist

[fast cipher]

exists

[fast cipher]

it just clears the clutter. The other theme is prob a nitro theme

[fading crane]

Does this blue bar share the same css snippet as other important popups

[fast cipher]

look in inspector

[deep bane]

do you want to display:none it

[stone goblet]

it seems they rerolled every single class name again

well on canary at least

[clear siren]

and they told me not to use attribute selectors everywhere because 'performance'

[past bison]

hmmm 😄

[vestal field]

fuck

[deep bane]

[stone goblet]

What performance, vencord uses them and my client doesn't run like ass. Although it runs like ass because I'm using Wayland and Nvidia

[clear siren]

yeah..

[deep bane]

* {
  border-radius: 0 !important
}

this is css-development

not css-spoon-feeding

or you don't know css

...

[pure cairn]

[edgy sentinel]

yes

anyway that snippet is unusable

youre better of searching on github or the bd theme site

[deep bane]

it does what he wanetd

🤷‍♂️

[edgy sentinel]

you know what they mean

dont be unnecessarily toxic

[clear siren]

except it's not enough because it doesn't remove masks that round things also

[deep bane]

it would break some things with * {mask:none !important}

[wanton current]

when will discord stop rerolling their shit classes

fuck

[deep bane]

class reroll ⠀

[pure cairn]

"do not refresh discord or stuff will break"

https://tenor.com/view/literally1984-1984-big-brother-gif-23819293

but seriously, updating all classes is not going to be fun

[sweet lark]

someone will automate it

[clear siren]

you will use attribute selectors

[pure cairn]

I will learn how to use them*

[clear siren]

I dunno about all corners but I've been using this

/*reduce border-radii*/
[class^=avatar],
[class^=replyAvatar],
[class^=executedCommandAvatar_],
[class^=embedAuthorIcon_],
[class^=wrapperSimple_]
 { border-radius: 2px !important; }
foreignObject[mask*="url(#"]
 { mask: none !important;
   border-radius: 2px !important; }

yeah you'll probably gonna need to use @deep bane's suggested * {border-radius: 0 !important;}

then add my foreignObject[mask*="url(#"] { mask: none !important; } and you should be pretty set I think

[oak plover]

I’d rather them rename all the classes so they don’t need the random crap at the end of the class name

Instead of “container” for the 70th time

[pure cairn]

[slim patio]

can some1 help me fix this im stupid and cant fix css lol

.username_d30d99::before {
  content: ''; 
  width: calc(100% + 6px); 
  height: 100%;
  border-radius: 5px;
  background-color: currentColor; 
  opacity: 0.2; 
  position: absolute; 
  margin-top: 0px; 
  z-index: -1;
  margin-left: -3px;
}
.headerText_f47574 > span {
  margin-left: 3px;
}

its suposed to add a background bhind names in chat

but now it dosent

[plain kelp]

Are the class hashes up to date

[slim patio]

explain in non css term plz

[plain kelp]

The d30d99 part changes every so often

[clear siren]

works fine for me

[slim patio]

im on the funny canery

[clear siren]

if you're on ptb or canary it will not work

[slim patio]

rip

[plain kelp]

Yeah they said the hashes did change on funny canary

[slim patio]

ill update it

[clear siren]

just use attr selector

[class^=username_]

[slim patio]

i just fixed it manually

it works agian yepi

[pure cairn]

🤔 So that's how you use it

And I guess it's more futureproof than plain class names

[clear siren]

yeah that works if the class you're targeting is the first in the list, you can otherwise use [class*=username_]

because that basically just looks at the list of classes on the element

using ^ is marginally faster as it just looks at the beginning of the classlist

(doesn't really matter but yeah)

[pure cairn]

Huh, and how does that translate to performance?

[clear siren]

negligible

[pure cairn]

But does it stack?

[clear siren]

I have all my css using attribute selectors

[pure cairn]

Because I have a bunch of css snippets that use class names and even Vesktop lags a bit sometimes

So I guess it could be due to that

[clear siren]

most likely not because of attribute selectors but other bad complex selectors like ones that use * or something

[pure cairn]

Got it

Thanks

[clear siren]

or using a lot of shadows or gradients or filters

(my vesktop uses 10% gpu at all times)

[pure cairn]

The snippets I use are mostly to hide useless stuff/collapse UI elements

[plain kelp]

I have a plugin that lets me write ```css
.Forum__list,
.Members__container,
.UserProfile__userPanelInner,
.SearchResultsWrap__searchResultsWrap,
_ { margin-top: -48px; padding-top: 48px; }

[clear siren]

this is a heavy theme

[pure cairn]

I don't think [class^=item__] is going to work for this one though

[pure cairn]

Oh yeah, I remember this theme
It's cool, but I can't read the font well

Thanks again for the selectors tip, I'll try swapping stuff out tomorrow and see if anything changes

[clear siren]

[ashen sable]

did they revert the class name change or is it something on my side

I fixed my theme and now it's broken lol

git revert time ig

the update of all time

[real quarry]

who has an updated amoled theme (i was told by koishukaze [admittedly a donor and not server staff] that this didnt belong in #🏥-vencord-support-🏥)

[wanton current]

you wait for the dev to update it

[summer adder]

and they were right, you’re here when it comes to that type of stuff

[fast cipher]

how did you make it fluent (Blurred Windows Wallpaper See thru)

tried this once but failed

[pure cairn]

how can I make the text not go out of the spotify thing? basically having the artists cut like the album name does instead of showing all of them

should I apply something like a text-overflow: ellipsis on it?

[clear siren]

depends on what you want it to look like

[pure cairn]

like the song and album name, having it to clip it off when the text reaches the right border

[pure cairn]

I tried with this one, but I think I chose the wrong classes since it wasn't working

but at this point I doubt it's the actual solution

[clear siren]

if you mean just having one line, white-space: nowrap

[pure cairn]

.detailsWrap__4faa4 textRow__4750e {
 overflow: hidden;
 text-overflow: ellipsis;
}

oh

I did it

but I don't know if it's the proper way

.detailsWrap__4faa4 {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}```

is it fine to remove the 2nd class like this?

[clear siren]

if it works it works

[pure cairn]

fair enough

so now I could try and swap it to [class^="detailsWrap__"]

and it works, yay

ty

[fast cipher]

i need this

[past bison]

With Mica for everyone, and the transparency settings (Vesktop). But i don't like that with transparency enabled, window snapping is not working, so for me it not worth it.

and made background and backround-color transparent on some elements with css

html, body, #app-mount,
.typeWindows__5fa63,.appAsidePanelWrapper__714a6,
.notAppAsidePanel__9d124,.app_b1f720,
.app_de4237,.bg__12180,.layers__1c917,
.layer__2efaa ,.container__037ed,
.guilds__2b93a,.tree__7a511,.scroller__3d071{
  background: transparent!important;
  background-color: transparent!important;}```

Without mica for everyone, it's still buggy.

[stone goblet]

can i directly use scss for a theme or do i have to compile it

[deft niche]

Scss?

[stone goblet]

sass but with css syntax

[plain kelp]

With var() and css nesting there's little need for scss these days

Though I guess css nesting hasn't landed in discord desktop yet

[dark dragon]

Needs to be compiled

[plain kelp]

Which is why regular css is more convenient

[dark dragon]

Not really. If you're writing a fully featured theme, there are a lot of things scss and / or post css can be helpful for

Maintenance if nothing else

[solid ore]

im p sure u j need to remove the foreignObject[mask*="url(#"] { mask: none !important; }

for me that doesnt affect the server list

[clear siren]

.wrapperSimple_a34580 {border-radius:50% !important;}

for now, the class will change soon

learn how to use devtools so you can fix it when it does

or use attribute selector

[nimble owl]

anyone have a css for making emoji's bigger?

[clear siren]

:root {--custom-emoji-size-emoji: 32px; --custom-emoji-size-jumbo-emoji: 64px; }

defaults are:
--custom-emoji-size-emoji: 1.375em;
--custom-emoji-size-jumbo-emoji: 3rem;

[nimble owl]

thank you

[nimble owl]

what's the first line for?

[devout elm]

emojis next to text i assume

cus they get smaller when in a message with txt

[nimble owl]

that's true

[quaint zodiac]

hey, with the newest update the Membercount plugin shows the active users also in the guild popout.
I am trying to get it removed but unfortunatly cant seem to find the correct class for it to work
does anyone with some more experience know which element i gotta select for the guildpopout and what exactly i gotta remove to leave everything else be and just remove the membercount?

[toxic yew]

.vc-membercount-tooltip

[glad urchin]

did discord revert the class hashes or is it just me

[slim patio]

They reverted a lot so could be

[glad urchin]

https://cdn.discordapp.com/emojis/1204589768751456256.gif?size=48&quality=lossless&name=yippe

[pure cairn]

it used to work fine yesterday

but now it's not changing between actions anymore, like typing, selecting text, hovering elements etc

[clear siren]

hmm, I see nothing that should effect cursor

[pure cairn]

mhm

even the membercount on the members list changed

[echo frost]

the cursor?

it's working for me

[pure cairn]

yes

should I try restarting my pc?

[pure cairn]

maybe something went wrong there

[clear siren]

the membercount did have a change in the latest vencord commits

[pure cairn]

yeah, but it's the only thing I changed in my quick css today

[echo frost]

also i have errors

[echo frost]

yeah it shows here now

[pure cairn]

it works fine, it doesn't like :has for some reason

[clear siren]

yeah the quickcss editor doesn't understand :has(), :is() etc with complex selectors

[echo frost]

oh

[echo frost]

although it doesnt show with krammeth's css enabled

[pure cairn]

because I hid it with the snippet at the bottom

[echo frost]

ah

[pure cairn]

/* Hide Membercount */
.vc-membercount-tooltip {
  display: none;
}```

[echo frost]

yeah

saw

[pure cairn]

it would be useful if there was a setting to choose whether to display it while hovering server icons instead of having to hide it through css

well, not useful but cozy

[echo frost]

yeah

[pure cairn]

well

I restarted my pc

and now it works fine again

thanks anyway

[past bison]

actually this is enough:

/* MICA */
body, #app-mount,
.typeWindows__5fa63,
.app_de4237,.bg__12180,
.guilds__2b93a,.scroller__3d071 {
    background: transparent!important;
}```

and after this, you can make it darker for the dark theme. Dark acrylic + 50%black:

/* Darker transparency background*/
body {
    background: rgba(0, 0, 0, 0.5)!important;
}```

[lime walrus]

I love that theme

Make it smaller 🔥

[solid ore]

/* Interactive Folders */
[class^=expandedFolderIconWrapper__] > svg {
    color: inherit !important;
}
[class*=FolderIconWrapper__] {
    color: var(--interactive-normal) !important;
}
[class*=FolderIconWrapper__]:hover {
    color: var(--interactive-active) !important;
    background-color: var(--background-modifier-selected);
}```
or
```css
@import url("https://github.com/tom22k/css-snippets/raw/main/InteractiveFolders/import.css");

forgive my awful recording

oh and its compatible with all themes

[deep bane]

Fix BetterFolders showing server icons when opening/closing them

.expandedFolderIconWrapper__458cf {
  transform:none !important;
}
.closedFolderIconWrapper__7321f {
  display:none !important;
}```

[slim pond]

would anyone be interested in something like this?

[edgy sentinel]

imo this is way better (a native plugin setting)

[clear siren]

po...

[edgy sentinel]

po...

po is german for butt

[clear siren]

[deep bane]

holocaust

[edgy sentinel]

decent song

[void helm]

Hey, anyone here know if it's possible to disable the minimum width requirement for User Profiles toggle in DMs via CSS?

It only works if the window is wider than 1131px

[edgy sentinel]

its via code so i highly doubt css can do anything

yep

would need to be a plugin

[void helm]

Ah okay, thanks!

I have my own "theme" that makes discord a bit more compact and viable to run in a small window, like this

So I figured maybe I could do the same to userprofile as with member list on right

[edgy sentinel]

i had something similar to this for use on my vertical monitor

but i lost it

[void helm]

they are mouseover slide out menus for me

[edgy sentinel]

i can make you a plugin but you'd have to build from source as explained in #1032200195582197831 pins

[void helm]

Uhhh I'm really not experienced with coding and stuff, I've built one thing from source successfully in my entire life I think

I think it will be more work than it's worth, but I appreciate the answers and offer greatly! ❤️

[pure cairn]

Why does the cover get zoomed in on the left on hover?

It feels a bit weird

[edgy sentinel]

because that's how background image with cover works

there's no good way to fix it other than to make it bigger and hide the overflow or smth like that

[pure cairn]

sadge

[echo frost]

how do i revert this change?
icon is easy

.emojiLockIcon__37643 {
    display: none;
}```
But weren't the icons greyed out before instead of having a grey box over them?

and i'd like to remove the purple area and make the emojis in there be greyed out

[plain kelp]

Is that purple area emojis from different guilds?

[echo frost]

it has a class i think

also what were the server icons like before?

were they greyed out

[plain kelp]

Pretty sure they were just unmarked

[echo frost]

or do i just remove the icon

ok

yeah sseems like all the nitro locked emojis are in this div

(ignore background color being set to black lmao)

[plain kelp]

Just display:none the locked stuff

Or does that interfere with scrolling?

[echo frost]

.emojiLockIcon__37643 {
    display: none;
}
.upsellContainer__3c02a {
    display: none;
}
.categorySectionNitroLocked_cf3b81 {
    background-color: transparent;
}
.nitroTopDividerContainer__3d13a {
    display: none;
}
.categoryItemLockIconContainer__9e6a3 {
    display: none;
}```

this is what i have rn

[deep bane]

use fakenitro plugin 🤷‍♂️

[echo frost]

this is for reacting

[deep bane]

just buy nitro Clueless

[echo frost]

that would involve me not being a cheapskate!!!

[deep bane]

.emojiLockIconContainer_edde9a {
  background-color:initial;
}```

[plain kelp]

I made a plugin that removes a bunch of nitro ads

More stable and more fun than a css

[deep bane]

.emojiLockIconContainer_edde9a {
  background-color:initial;
}
.emojiLockIcon__37643 {
  display:none;
}```

[echo frost]

yeah but i'm not getting rid of this yet because i want to replace it with greyed out emojis

[deep bane]

works for me

[echo frost]

have that already

the lockicon

[deep bane]

filter grayscale

[echo frost]

.emojiLockIcon__37643 {
    display: none;
}
.upsellContainer__3c02a {
    display: none;
}
.categorySectionNitroLocked_cf3b81 {
    background-color: transparent;
}
.nitroTopDividerContainer__3d13a {
    display: none;
}
.categoryItemLockIconContainer__9e6a3 {
    display: none;
}

ok

[deep bane]

.emojiItem_b15dee .emojiLockIconContainer_edde9a {
  background-color:initial;
}
.emojiItem_b15dee .image__7ab81 {
  filter:grayscale(1);
}
.emojiItem_b15dee .emojiLockIcon__37643 {
  display:none;
}```

[echo frost]

.emojiItem_b15dee .image__7ab81 {
  filter:grayscale(1);
}```
this is greying out more than it should

[deep bane]

i forgor

[echo frost]

why background-color: initial instead of display: none?

.emojiLockIcon__37643 {
    display: none;
}
.emojiLockIconContainer_edde9a {
    display: none;
}
.upsellContainer__3c02a {
    display: none;
}
.categorySectionNitroLocked_cf3b81 {
    background-color: transparent;
}
.nitroTopDividerContainer__3d13a {
    display: none;
}
.categoryItemLockIconContainer__9e6a3 {
    display: none;
}
/* .lockedEmoji__79818 {
    filter: grayscale(1);
} */```

this is what i have rn

[deep bane]

Shrug

.emojiItem_b15dee .emojiLockIconContainer_edde9a {
  display:none;
}
.emojiItem_b15dee:has(.emojiLockIconContainer_edde9a) .image__7ab81 {
  filter:grayscale(1) brightness(0.75);
}
.emojiItem_b15dee .emojiLockIcon__37643 {
  display:none;
}```

[echo frost]

ah ok

yeah that grayscale is working

[echo frost]

how do i do it if the emoji is in here too

[deep bane]

i have no idea what that category is

[echo frost]

categorySectionNitroLocked_cf3b81

[deep bane]

no like the menu itself

not the class

[echo frost]

idrk what you're asking

maybe 2nd image?

.emojiLockIcon__37643 {
    display: none;
}
.emojiLockIconContainer_edde9a {
    display: none;
}
.upsellContainer__3c02a {
    display: none;
}
.categorySectionNitroLocked_cf3b81 {
    background-color: transparent;
}
.nitroTopDividerContainer__3d13a {
    display: none;
}
.categoryItemLockIconContainer__9e6a3 {
    display: none;
}
.emojiItem_b15dee:has(.emojiLockIconContainer_edde9a) .image__7ab81 {
  filter:grayscale(1) brightness(0.75);
}

.categorySectionNitroLocked_cf3b81 .emojiItem_b15dee .image__7ab81 {
  filter: grayscale(1) brightness(0.75);
}```

ok got it working

can i combine the bottom thing with the other grayscale

[deep bane]

what

[echo frost]

combine these two

.emojiItem_b15dee:has(.emojiLockIconContainer_edde9a) .image__7ab81 {
  filter:grayscale(1) brightness(0.75);
}

.categorySectionNitroLocked_cf3b81 .emojiItem_b15dee .image__7ab81 {
  filter: grayscale(1) brightness(0.75);
}```

[deep bane]

yes

[echo frost]

oh yeah

with ,

[deep bane]

this could work toocss :is(.categorySectionNitroLocked_cf3b81 .emojiItem_b15dee,.emojiItem_b15dee:has(.emojiLockIconContainer_edde9a)) .image__7ab81 { filter: grayscale(1) brightness(0.75); }

[echo frost]

.emojiItem_b15dee:has(.emojiLockIconContainer_edde9a) .image__7ab81,
.categorySectionNitroLocked_cf3b81 .emojiItem_b15dee .image__7ab81 {
  filter:grayscale(1) brightness(0.75);
}```

oh

full code if anyone wants

.emojiLockIcon__37643 {
    display: none;
}
.emojiLockIconContainer_edde9a {
    display: none;
}
.upsellContainer__3c02a {
    display: none;
}
.categorySectionNitroLocked_cf3b81 {
    background-color: transparent;
}
.nitroTopDividerContainer__3d13a {
    display: none;
}
.categoryItemLockIconContainer__9e6a3 {
    display: none;
}
:is(.categorySectionNitroLocked_cf3b81 .emojiItem_b15dee, 
.emojiItem_b15dee:has(.emojiLockIconContainer_edde9a)) .image__7ab81 {
    filter: grayscale(1) brightness(0.75);
}```

[echo frost]

css is easier
and more fun

[iron smelt]

lies

Hypocrisy

[echo frost]

sacrilege
blasphemy
heresy
impiety
sin
mockery
crime
violation
fallacy
agnosticism
apostasy
dissidence

wait i don't have hypocrisy in that?!?!

[bleak gust]

nop

[echo frost]

what?!?!

don't you love spending hours changing the look of something slightly with great difficulty?

[bleak gust]

with the css u need to hope there are specific enough class names and stuff

ok

real sarcasm

[echo frost]

yes

challenge

therefore good!

[bleak gust]

also good luck reparenting something to be somewhere else in the uI

[echo frost]

that's why i program in scratch

(used to)

||(now i use google sheets)||

[bleak gust]

can you make doom in scratch thanks

[echo frost]

no
gamedev is cringe

i only make useless tools

[iron smelt]

Do you think it’s possible too make CSS code that recolours and reshapes the “ReadAllButton” so it’s not that obnoxious blue colour and has a more rounded shape?

[echo frost]

this?

[devout elm]

prolly the one in the server list

i dont use it but i think so

[solid ore]

/* recolour and reshape Read All Button */
[class^=scroller__] > button:first-of-type {
  color: red; /* text color */
  background-color: blue; /* button color */
  border-radius: 5px; /* increase radius for "more roundness" */
}```

[solid ore]

its a plugin

[midnight wagon]

is there a quick way to remove this invite icon

[pure cairn]

what's your discord language?

[midnight wagon]

en us

[clear siren]

[aria-label="Create Invite"] {display:none} if you're on english

[pure cairn]

/* No Invite/Settings Button */
.iconItem__8e3b8:not([aria-label="Open Chat"]) {
  display: none !important;
}```

[midnight wagon]

thx

[midnight wagon]

doesnt seem to do anything

[digital pier]

you have an unfinished css snippet right above it

[clear siren]

I dunno it works for me

[digital pier]

oh hm

[clear siren]

open devtools with ctrl+shift+i and grab the selector yourself :3

[midnight wagon]

the selector changes based on wether its hovered, unread, selected

ive tried it before

and it still didnt work

[clear siren]

I mean some property probably changes sure

but you should be able to figure it out, I believe in you

[midnight wagon]

#channels > ul > li.containerDefault__3187b.selected__3b4cb > div > div > a > div > div.children_a486f8 > div

this is the selector it copies

[clear siren]

don't use the autocopy thing

look at the element classes and aria labels etc and use one of those

[midnight wagon]

ok it works

but only for this channel?

[oak plover]

mfw

[clear siren]

what did you put in

[midnight wagon]

same thing you said earlier

ill try to restart dc

now it doesnt work at all

nice

[clear siren]

lol

ohhh I know why

you need to add !important

[midnight wagon]

of course i do

ok now it works

thanks

[clear siren]

[midnight wagon]

w huh

it only works in the vencord server

what is this

[solid ore]

u dont need the * before

[midnight wagon]

k

it works after a restartz

thanks

[solid ore]

wat r u trying to do

[oak plover]

nothing they're testing lottie icons

so uh

path replacements will suck

[solid ore]

oh

surely u can j disable that

like remove animations or smthng

[oak plover]

reduced motion in accessibility

probably

[solid ore]

ye

[oak plover]

this will be discord in 2024

[fast cipher]

they're an experiment, you need to enable them

[solid ore]

experiment for now

[fast cipher]

yes

I like them

I see no reason to replace them

[dark dragon]

The only one that looks at all good is the noise suppression one

[lime walrus]

Is this a experiment or smth, if so can you tell me the name it looks cool

[fast cipher]

it's in client changes

wait

https://github.com/Discord-Datamining/Discord-Datamining/commit/05bb3b6c2d8b48cb9db8b9d934478427bd21edcb#commitcomment-139273555

you need to be on canary

[lime walrus]

O alr

Thanks

[iron smelt]

oh… thank you for doing it, I mean, I was gonna do it. I was just asking if it was possible to do to begin with.
Thx for the CSS though 😊

[echo frost]

You can also use vars if you want
This sets it to be the same color scheme of the discord icon

  color: var(--text-normal); /* text color */
  background-color: var(--background-primary);

[pure cairn]

is there a way to make the chat size independent from the members tab width?

because I currently have a css snippet that reduces the members tab width when it's not hovered, and when I actually do hover it the chat shrinks to the original default width

the issue is, it's really laggy when the messages wrap because the text moves and if there's a lot of it, the performance is very poor

[plain kelp]

You can perhaps change members list to position: absolute

[stable compass]

there was a snippet

[plain kelp]

But it might take some tinkering

[stable compass]

:root{
    --hidden-user-width: 60px;--user-width: 240px
}
.container_b2ce9c,
.membersWrap__90226{
    transition-duration:var(--transition-time);
    justify-content:unset;
    min-width:unset;
    width:var(--hidden-user-width)
}
.membersGroup__85843 {
    height:0px;
    transition-duration:var(--transition-time);
    padding-top:0px
}
.container_b2ce9c:hover
.membersGroup__85843,
.membersWrap__90226:hover
.membersGroup__85843{
    height:40px;
    padding-top:24px
}
.container_b2ce9c:hover,
.membersWrap__90226:hover{
    width:var(--user-width)
}
.profilePanel-2PWEok{
    transition-duration:var(--transition-time)
}```
like this?

[pure cairn]

exactly this one

I just edited a few variables here and there, but it was quite laggy to begin with

[stable compass]

what kyuuhachi said is what youd like

position absolute

[pure cairn]

and then I'll have to manually move it to the right side

because right now it's like this xD

[plain kelp]

right: 0

[pure cairn]

works wonders, thanks

now I just have to set the chat width as well

[stable compass]

threw this together in like 5 seconds ```css
.container_b2ce9c .membersWrap__90226 {
position: absolute;
right: 0rem;
transition: all ease .2s;
}

.container_b2ce9c:not(:hover) .membersWrap__90226 {
right: -11rem;
opacity: 0
}```

[pure cairn]

/* Minified member list*/
:root {
  --hidden-user-width: 65px;
  --user-width: 240px
}
.container_b2ce9c,
.membersWrap__90226 {
  transition-duration: 0.3s;
  justify-content: unset;
  min-width: unset;
  width: var(--hidden-user-width);
  position: absolute;
  right: 0;
}
.membersGroup__85843 {
  height: 0px;
  transition-duration: 0.3s;
  padding-top: 0px
}
.container_b2ce9c:hover 
.membersGroup__85843,
.membersWrap__90226:hover 
.membersGroup__85843 {
  height: 40px;
  padding-top: 24px
}
.container_b2ce9c:hover,
.membersWrap__90226:hover {
  width: var(--user-width);
}
.profilePanel-2PWEok {
  transition-duration: var(--transition-time)
}
[class^="chatContent__"] {
  max-width: 94.5%;
}```

[stable compass]

max-width at the bottom -moz-available is better

max-width: -moz-available

[pure cairn]

this might sound like a dumb question, but why?

[stable compass]

well for me its like this lel

[pure cairn]

for me, -moz-available does this

I set the exact px based off my screen

[stable compass]

you want that gap there?

ooh i see nvm

[pure cairn]

I guess as % it might work better

[stable compass]

yea 100% is better as well

[pure cairn]

yeah I tried to have the same gap

[stable compass]

if you expand your window it'll have that space there like this

[pure cairn]

found the sweet spot

94.5%

[stable compass]

now i get it lel, i didnt realize. nice tho

[pure cairn]

thank you again

it's way smoother now

because it doesn't care about the chat

[plain kelp]

Reflowing the chat is kinda expensive yeah

[pure cairn]

unironically, for my laptop it was its demise

[pure cairn]

I found a funny bug that occurs when there are only a few members in the channel/server

[oak plover]

list has its own hover

[pure cairn]

Yeah, I'll fix it tomorrow

[bleak gust]

explode

explod

[plain kelp]

I sure hope you're putting !important on every rule involved in that because it sure is

[bleak gust]

unfortunately I don't think I can do this with CSS only

[dark dragon]

Getting consecutive messages from an individual person isn't really all that great, but if you're just after doing it to messages with italicised text you can do that

[bleak gust]

Nono it's the exploding deleted message

The italics is just my custom css for deleted messages

The issue is every instance of that exact background is played at the same time

[jolly tundra]

@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

:lang(ja) {
  font-family: 'Hina Mincho', serif;
}

how can I make the custom font not affect latin characers?

[solid ore]

i think you would have to remove those characters from the custom font, and setup a fallback font(?)

so it would be very tedious

[jolly tundra]

how am I supposed to remove those characters from an imported font?

this hurts my eyes

[dark dragon]

You should almost never need to do that, as you can just set a unicode range for the font. In this case though, You should just be able to get away with flipping the order you set them, so font-family: sans-serif, 'Hina Mincho';

[jolly tundra]

so that was the problem, thank you very much

I've been trying to fiddle with unicode ranges since earlier but I couldn't get them to work

[dark dragon]

they're a bit of a pain to set up if you've not done them before. Thankfully, you don't need them often

[clear siren]

unicode-range does work but you have to make a @font-face rule where you put that in

example where I use it for channelnames #🎨-css-snippets message

[jolly tundra]

(my problem is already solved but I still want to learn)

@font-face {
  font-family: 'Hina Mincho';
  src: url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');
  unicode-range: U+3000-303F,
                U+3040-309F,
                U+30A0-30FF,
                U+4E00-9FFF,
                U+FF00-FFEF; 
}

:lang(ja) {
  font-family: 'Hina Mincho', serif;
}

like this? this didn't really do anything but still affected latin characters

I also tried doing it the other way around, by changing everything and just using a unicode range for latin characters to keep them on the default font

@font-face {
  font-family: "Hina Mincho";
  src: url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');
  unicode-range: u+0000-u+007F; /* Latin characters */
}```


this was my test, I set it to Hina Mincho still just to see if only latin characters would change, but nothing changed at all

[clear siren]

that's a broken range

[jolly tundra]

is it supposed to be capital U?

if so, I've also done that

[clear siren]

u+007f should be just 007f

[jolly tundra]

oh

I'll try that

@font-face {
  font-family: "Hina Mincho";
  src: url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');
  unicode-range: u+0000-007f; /* Latin characters */
}

like this? only this?

[clear siren]

yeah that should work

[jolly tundra]

I'll try restarting discord

[dark dragon]

that would make it so Hina Mincho only replaces latin characters

[jolly tundra]

yeah

that's what I'm testing

[dark dragon]

You want the opposite don't you?

[clear siren]

oh but wait, that link is not valid, it needs to be to the font file

[jolly tundra]

but unfortunately it doesn't work

[clear siren]

src: url(https://fonts.gstatic.com/s/hinamincho/v12/2sDaZGBRhpXa2Jjz5w5LAGW5QakXdEOxxk9KVRLQhc3Kwq4cYmVxgA.1.woff2) format('woff2');

[jolly tundra]

yeah, I'm just testing to see how I can target latin characters so I can change them back to the default font after I change all fonts into Hina Mincho

[bleak gust]

this sounds stupid but why not just import that at the top

[clear siren]

because the import has its own font-face rules with unicode ranges and stuff, can't set your own unicode range unless you do your own font-face rule

[bleak gust]

do those unicode ranges supplied include latin chars

[clear siren]

I have no idea https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap

yes they do

at the very bottom

[bleak gust]

just copy everything but that

[clear siren]

that could work

[jolly tundra]

this also doesn't work by the way, nothing changes at all, but oh well, I guess I'll just have to learn about unicode ranges another time, thanks for the help

[clear siren]

yeah turns out there's a bunch of separate font files in the import css file

you could also try installing the font to your system and use src:local() and see if that helps

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src

[jolly tundra]

I do have it on my system, it's just that discord was being so stubborn (the only app that wasn't being affected) that the only solution I could think of was to use custom css

but I already got what I needed anyway so I'm content with this for now

[nimble spruce]

Is there a way to show every single emoji reaction instead of an emoji with a number next to it (using pure CSS)? Like instead of this:

It would be:

I can change the number to the emoji like so:

.reaction_fef95b:has(.reactionInner__4135b[aria-label*="2 reactions"], .reactionInner__4135b[aria-label*="2 super reactions"]) .reactionCount_b49901 {
  width: 16px;
  content: url(https\:\/\/discord\.com\/assets\/74e05a8765f11cd482e9\.svg);
}

but I can't seem to be able to dynamically do it, like right now it is just replacing the count with a chicken emoji for every single 2 react message

I know this could be done with a plugin (and I might write one for it), but I was just curious if it could be done entirely without JS (I don't think so though lol)

[deep bane]

no

[nimble spruce]

ah, yeah thought so

[edgy sentinel]

also do you really want this 😨

what if 2k reactions

[nimble spruce]

I would probably limit it to 10, and then show a +1990 at the end of it

[echo frost]

Why isn't f8 break working for me anymore?
ctrl+shift+i is open
Is there something else?

[summer adder]

you need to click on discord after opening dev tools

you cant just immediately press f8

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

[echo frost]

wtf i thought i did that?

now it's working tho lmao

[grand surge]

Hi, question, how did you get the class for that? When I tried to get that the tool lip disappears when I go to the class selector

[dark dragon]

Set a break point or use the f8 break plugin discussed above. Might even be able to emulate a static page to grab tooltips. It's been a hot minute since I tried

[plain kelp]

Or in this case just read the plugin source

[deft niche]

No? you just need to be in sources

[summer adder]

shut up sam

[grand surge]

Will lol

[grand surge]

Ye I'll use the plugin

[slim pond]

might have almost finished a new theme

[pure cairn]

Looks good

[grand surge]

Hello! I need help, basically is there any way to 'disable' scrollbar of the chat using css? If yes, could someone send me the css script for it?

[edgy sentinel]

it will be toggleable with a future update

[echo frost]

can you not disable it with css?

[pure cairn]

atm, css is the only option to "disable it"

but once the update is out, it's not going to be needed anymore

[echo frost]

yeah they're asking for how to do that

[pure cairn]

they asked 4 days ago

[echo frost]

OH

i was talking about this
#🎨-theme-development message

i forgot to read

[echo frost]

found some code online https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll

.managedReactiveScroller__1b21a::-webkit-scrollbar {
    display: none;
}```

[pure cairn]

OH

whoops, sorry

[past bison]

Hi! I made my theme to separate themes. One for making it resizable, responsive, clutter free, and smoother look. One for enabling acrylic transparency for the whole window. And one to make only the titlebar and the server list area transparent. You can customize the transparency and vibrancy strength and even the Nitro themes work too! So basically infinite color options (Light and Dark too).
https://github.com/s-k-y-l-i/discord-themes @lime walrus @fast cipher @grand surge @half crystal

[lime walrus]

O shoot, thanks bro

[half crystal]

Damn

[stone garden]

i love this theme. TYSM

[clear siren]

works pretty well using dwmblurglass also

also @past bison you need to have discord titlebar option off in vesktop you might want to add that in the readme

but wait you don't have regular windows titlebar in your screenshots

[dusty quiver]

How can I change the CSS of Solana so that it doesn't go gray like the second picture when it's not in the foreground?

Been tinkering with it but I can't seem to figure out what line(s) of code is responsibile for it

[clear siren]

what os are you using

[dusty quiver]

MacOS

[clear siren]

could it be a macos limitation

windows does the same unless you use a 3rd party app like micaforeveryone or dwmblurglass

[dusty quiver]

Hmm, it could well be

I think you might be right

As Finder also shows the same behaviour

[past bison]

I think it's the opposite. The Windows Titlebar somehow completely disables resizing the window for me 😮

Oh I had the transparency setting on too. But still, you need the Discord titlebar for the best look and experience!

[clear siren]

if I turn on discord titlebar I lose glass

and this option doesn't seem to do anything for me

the one in vesktop settings works

but only when discord titlebar is off

no idea what's up with that and haven't done a lot of testing tbh

[past bison]

And this is Vencord. 😮

[clear siren]

🤔

[past bison]

I think you should install Mica for Everyone too

[stone garden]

I tried used Rectify11 Dark Mica Theme with Windows Transparency of Vencord

It forced me to return to the default Windows Theme

[clear siren]

I do have it and I was playing with transparency before using that

dwmblurglass works too

but both have same behavior

[plain kelp]

Why does MFE's faq say it only works on firefoxes below 116? I've got a nicely transparent ff121 over here, so it seems weird that MFE wouldn't work

Maybe that's only relevant on windows?

[past bison]

Try resizing the window, and transparency will kick in!

This is with Vesktop, without Mica for Everyone running and with Disord titlebar. (It loses the rounded corners and it's not that transparent this way)

but i had to resize the window frame only once after a Vesktop restart

[stone garden]

i think bc this

https://raw.githubusercontent.com/s-k-y-l-i/discord-themes/main/smooth-harmony-responsive.css

[past bison]

That theme is not the transparency effect

you have to use this one after all the other themes:

https://raw.githubusercontent.com/s-k-y-l-i/discord-themes/main/acrylic-harmony-fully-transparent.css ```

[grand surge]

Isn't that a vesktop setting?

[past bison]

Both has this setting.

[pure cairn]

tried doing [this](#1166882662821134386 message) with the original snippet code (had to tweak the left-margin a bit to make it fit but, whenever the panel moves (I'm using the controls on hover setting), the icons get blurry/weird

any ideas on why it's doing that?

[clear siren]

I'm assuming the mask-images don't have proper antialiasing or something when transitioning

might be totally wrong though

[pure cairn]

no idea

I can post the snippet if you want

as a file, since it's quite long

[clear siren]

sure but I can't test it now

[pure cairn]

np, maybe you can spot something even without testing whenever you're free

[clear siren]

you can try setting the transition time to something long so you can easily inspect the elements in motion

[pure cairn]

I'll try that, thanks

mh nope, no idea lol

[bold jetty]

anyone know how to remove the watermark thing

[pure cairn]

check for the right class in the theme file

[bold jetty]

the right class?

[pure cairn]

or use ctrl + shift + i to open devtools, click on the watermark and copy its class

then open quick css and set it to display: none

[bold jetty]

i'm pressing ctrl shit i

nothing happening

[pure cairn]

are you on windows?

[bold jetty]

yea

i'm using visual studio code also

to edit it

[pure cairn]

then do ctrl + F and look for "ClearVision"

and send a screenshot of the results

on visual studio code

[bold jetty]

just shows all the links that has clearvision in it and has this

[pure cairn]

well, you have to open the link at the bottom then

[bold jetty]

what one

[pure cairn]

main.css

[bold jetty]

where is that

[pure cairn]

.

[bold jetty]

oh

it took me to a webpage

with alot of code

[dusk hemlock]

Yes, that's what css is

[bold jetty]

didn't know there was that much

[pure cairn]

found the class

[dusk hemlock]

Just ctrl+F "ClearVision"

[bold jetty]

idk what to do

[pure cairn]

there's too many results

[dusk hemlock]

Uhh

Ctrl+F "v6.9.0"?

[bold jetty]

i found this

[pure cairn]

yeah, that's what I looked for

[bold jetty]

nvm

the only 2 there

[pure cairn]

add

:root .typeWindows__5fa63 > .wordmark__0d178:after, .typeWindows__5fa63 > .wordmark__0d178:before {
  display: none;
}```
to your quickcss

[pure cairn]

and see if it removes the v6.9.0

[dusk hemlock]

Found

[bold jetty]

yep that's gone

[bold jetty]

just want the discord and other

[bold jetty]

how am i meant to edit it?

[dusk hemlock]

Download it, edit and put into the offline themes folder

[bold jetty]

offline themes?

where is that

[dusk hemlock]

Settings -> themes

In vencord

[bold jetty]

how do i download it

[dusk hemlock]

Ctrl+S

[bold jetty]

yea nvm just found it

[dusk hemlock]

Name it whatever you want

[pure cairn]

try it now

[bold jetty]

clearvision gone how about the discord one?

[pure cairn]

you want that one gone as well?

[bold jetty]

yea

it overlays my home button

[dusk hemlock]

Should be the same procedure

Oh wait

[pure cairn]

that sucks

[dusk hemlock]

Oh nvm

[dusk hemlock]

Remove --home-icon?

The whole line

[bold jetty]

uhh

i just want the "discord" gone

not the home button

[pure cairn]

add

jfc I hate non-formatted css

[bold jetty]

lol

what do i add

[dusk hemlock]

Css prettier when

[pure cairn]

I mean

thank god I'm not dyslexic

[dusk hemlock]

That's the home icon

[dusk hemlock]

.

[plain kelp]

Devtools contains a button for that

Just like on js

And pretty sure prettier supports css too

[pure cairn]

can you send me the theme link please?

[bold jetty]

the writing?

[pure cairn]

it's faster if I put it on and check with devtools

[bold jetty]

u want the .css?

[pure cairn]

.typeWindows__5fa63>.wordmark__0d178 {
  display: none;
}```

add it to your quickcss and you should be good

you can remove the other ones btw

[bold jetty]

uhh

do i just paste it below the first thing?

[pure cairn]

no, remove everything and paste it in

[bold jetty]

oh ok

YAY

thanks for your help man

[pure cairn]

np

[pure cairn]

Random question, can you import css files from a private github repo?

[exotic nexus]

no

they have to be public

[pure cairn]

Welp, it was worth trying
I'll have to leave it public then
Thanks

[iron smelt]

random question;
But can someone help me figure out what the Hex code for the color of the “Add friend” button is

[plain kelp]

This one?

var(--status-positive-background) = var(--green-430) = #248046

[past bison]

yes

xd

[plain kelp]

Might be different on light theme, but I don't care

[past bison]

it's the same

[iron smelt]

based

[iron smelt]

yes that’s exactly what i was looking for

thanks you 😊

[grand surge]

I lterally did the same to remove the "clear vision v9.o" or smth like that lol

This not rlly related to vencord but on vs cod when you get this how do you let him show you the rest of the code?

When i press on it, it just ignores me and still displays the blue thing above

[analog cargo]

use emacs

(i use vscode and i have never seen that)

what plugins do u have

[brisk iron]

workaround is to use line wrapping

[brisk iron]

it's a default feature

[analog cargo]

huh

did not know that

[analog cargo]

ohhh thats why ive never seen it

[brisk iron]

it's only shown for (very) long lines
and line wrapping just forces everything to be displayed regardless of the line length

[grand surge]

These ones, i dont think its related tho

[grand surge]

Lol, but vs code is easy and simple to use and most importantly, lightwieght

Farily

Lightwieght

[brisk iron]

?

[grand surge]

Vs code

Its farily recouce effienct

[brisk iron]

line wrapping is a feature available in vscode

[grand surge]

O

So

Is it an extension

Or built in

[brisk iron]

builtin

[grand surge]

ok

[brisk iron]

https://code.visualstudio.com/docs/editor/codebasics#_how-do-i-turn-on-word-wrap

[grand trellis]

this is enabled by default in (neo)vim

[brisk iron]

ok

[grand surge]

Will use

Thanks

[fast cipher]

I think I need a Plugin to have chats as pop outs

[sturdy pewter]

Hey all, does anyone know the css to adjust these accent colors? Thank you :)

[slim pond]

Do you want to change them wherever they are visible, or only on these buttons?

[sturdy pewter]

Where ever visible would be preferred, so the colors are consistent throughout the theme. Thank you in advance!

[slim pond]

I think it's --green-360

try changing that to the color you want

[plain kelp]

Redefining the color green sounds like a great idea

[slim pond]

lel

green 300: green
green 330: still green
green 360: violet
green 400: green

[sturdy pewter]

Worked great, thank you!

[slim pond]

np

[plain kelp]

Are those green-330 and all that from a known palette somewhere or is it something discord made up?

[slim pond]

that I don't know

[summer adder]

an amazing one

nothing will go wrong

[slim pond]

Cyan 2 just dropped (not a joke)

[grand surge]

I cant find the class for this, can anyone gimme the class please?

And this one

[bold jetty]

Here

[grand surge]

I dont see anything?