#🎨-theme-development | libVencore | Page 15

clear siren Dec 6, 2023, 9:33 PM

#

so just throw those in front of any selector

nimble spruce Dec 6, 2023, 9:35 PM

#

D'oh!

#

that was really obvious, my bad

#

.theme-light ::selection {
    background: #e0ebf9; /* text hightlight background color (hex value)*/
}
.theme-dark ::selection {
    background: #3F4D5E; /* text hightlight background color (hex value)*/
}

#

works perfectly, thanks again

#

lol

severe gull Dec 6, 2023, 11:54 PM

#

@gilded cloak why did you ping me here

gilded cloak Dec 6, 2023, 11:55 PM

#

Mistyped when pinging someone else
Discord shitcode try not to have ping list move after I stop typing

severe gull Dec 6, 2023, 11:55 PM

#

Aight

nimble spruce Dec 7, 2023, 3:04 AM

#

I've changed the width of the channel sidebar, what is the best way to increase the server banner width alongside it?

#

The object-fit property doesn't seem to be working

toxic yew Dec 7, 2023, 3:10 AM

#

[class*=content_]>[class*=sidebar_],
[class*=bannerImage_],
[class*=bannerImg_] {
    width: 260px;
}

summer adder Dec 7, 2023, 3:26 AM

#

or maybe a width:auto or width:fixed

nimble spruce Dec 7, 2023, 6:14 AM

#

neither of those work unfortunately but the width: 260px one did, thank you!

slim lantern Dec 7, 2023, 7:45 AM

#

Anyone have the CSS classes for the background and icon while Discord is loading? Trying to snipe it but no luck. ^^;

grand surge Dec 7, 2023, 10:31 AM

#

#🎨-css-snippets message but its more consistent

.container__10dc7, .header__60bef, .scrollerContainer_bf5dbd .container__7590f, .theme-dark .scrollerContainer_bf5dbd, .theme-dark .emptyPage__3e15d, .theme-dark .container__7590f  {
  background-color: var(--home-background) !important;
}

#

and it actually works this snipped didnt even work

little ibex Dec 7, 2023, 5:14 PM

#

yo, so how do I make custom icons for shit like the deafen icon (I hate the new one)

deft niche Dec 7, 2023, 5:19 PM

#

replace the svg

little ibex Dec 7, 2023, 5:20 PM

#

how lmao? (I'm rather dumb in this stuff)

deft niche Dec 7, 2023, 5:24 PM

#

do you have much/any experience with css?

little ibex Dec 7, 2023, 5:29 PM

#

deft niche do you have much/any experience with css?

I have some, but thats from my experience in html lmao

clear siren Dec 7, 2023, 5:31 PM

#

there are a few ways to replace the icons, one is if you have an svg to replace it with, you can just change the path in css like is done in #🎨-css-snippets

little ibex Dec 7, 2023, 5:32 PM

#

like with @import type thing?

clear siren Dec 7, 2023, 5:32 PM

#

other method is making the svg display:none and adding a pseudoelement ::after with your image as the content on some element

#

no @import won't help you here

little ibex Dec 7, 2023, 5:32 PM

#

ok

clear siren Dec 7, 2023, 5:34 PM

#

one more way is to make the svg fill transparent and adding your image as a background of the element

little ibex Dec 7, 2023, 5:35 PM

#

how do I make an svg?

clear siren Dec 7, 2023, 5:35 PM

#

there are a lot of free svgs online you can use, as well as svg editors online

deft niche Dec 7, 2023, 5:36 PM

#

little ibex how do I make an svg?

an svg is essentially just a shape defined by code, so you can either download one or just manually make one. i assume theres softwares to create some

clear siren Dec 7, 2023, 5:36 PM

#

if you're hardcore you make svgs with notepad

deft niche Dec 7, 2023, 5:36 PM

#

fr ‼️

little ibex Dec 7, 2023, 5:36 PM

#

so, is it an image made in css?

deft niche Dec 7, 2023, 5:36 PM

#

not css

little ibex Dec 7, 2023, 5:36 PM

#

whar

deft niche Dec 7, 2023, 5:37 PM

#

"Scalable Vector Graphics (SVG) is an XML-based markup language for describing two-dimensional based vector graphics"

summer adder Dec 7, 2023, 5:38 PM

#

i gotta stop making html files with my knowledge of css html <style> body { background-color:darkgreen; content:url(https://files.catbox.moe/t1wq7i.png); width:300; height:300; filter: saturate(5) contrast(300000) brightness(0.1) invert(1); position: fixed; } </style>

little ibex Dec 7, 2023, 5:38 PM

#

deft niche "Scalable Vector Graphics (SVG) is an XML-based markup language for describing t...

so does it basically make lossless icon details?

deft niche Dec 7, 2023, 5:39 PM

#

little ibex so does it basically make lossless icon details?

ye

#

exactly

#

like you could zoom in on an svg forever and it would never pixellate

#

because the shape is defined by code you wont ever find detail issues

little ibex Dec 7, 2023, 5:39 PM

#

OHHHHH

#

ok, that makes a lot more sense

deft niche Dec 7, 2023, 5:40 PM

#

summer adder i gotta stop making html files with my knowledge of css ```html <style> body { ...

thefuck

summer adder Dec 7, 2023, 5:40 PM

#

i should skew the shrek

little ibex Dec 7, 2023, 5:40 PM

#

deft niche because the shape is defined by code you wont ever find detail issues

so it can basically be use on super high res screens without looking like shit

deft niche Dec 7, 2023, 5:42 PM

#

little ibex so it can basically be use on super high res screens without looking like shit

Catyes

little ibex Dec 7, 2023, 5:43 PM

#

me omw to learn how to make a whole new discord skin basically

deft niche Dec 7, 2023, 6:19 PM

#

css is a great thing to know

#

so many places you can apply it

nimble spruce Dec 7, 2023, 9:21 PM

#

I don't have permission to post in #🎨-css-snippets , so I'll throw it in this channel. Here's my modified ServerColumns theme:

#

Actually, this would probably be easier as a web import:

https://raw.githubusercontent.com/Andrew6rant/Discord-plugins-and-themes/main/CompactServerColumns.theme.css

clear siren Dec 7, 2023, 9:28 PM

#

neat

solid ore Dec 7, 2023, 10:42 PM

#

could someone lmk why this doesnt work?

{
  color: var(--text-normal) !important;
}```

solid ore Dec 7, 2023, 10:59 PM

#

that worked, thank you!

deft niche Dec 7, 2023, 11:36 PM

#

nimble spruce I don't have permission to post in <#1028106818368589824> , so I'll throw it in ...

awesome

clear siren Dec 7, 2023, 11:40 PM

#

I now noticed you use devilbro's css for the majority of that

#

I retract my 'neat' statement

#

wtf is this https://mwittrien.github.io/BetterDiscordAddons/Themes/ServerColumns/ServerColumns.css

glossy aurora Dec 7, 2023, 11:42 PM

#

oh fuck yes

exotic nexus Dec 7, 2023, 11:42 PM

#

literally just style*="height: " husk

clear siren Dec 7, 2023, 11:43 PM

#

also all the performance-minded people are gonna love the selectors

real quarry Dec 7, 2023, 11:44 PM

#

nimble spruce Actually, this would probably be easier as a web import: ``` https://raw.githubu...

broke betterfolders plugin and i dont think it works with server folders (which is 98% of my server organization)

{very specific percent, because there's two servers i haven't folder'd yet and im in exactly 100 servers. dont ask how or why}

#

a reasonable attempt, but more robust testing (and less ~~plagarism~~ code yoinking, according to nvhhr) is needed

clear siren Dec 7, 2023, 11:45 PM

#

I don't imply plagiarism, I just want to point out that devilbro's css is horror

real quarry Dec 7, 2023, 11:46 PM

#

edited in light of nuances

nimble spruce Dec 7, 2023, 11:50 PM

#

clear siren I now noticed you use devilbro's css for the majority of that

Oh yeah I didn't mean to imply that this was entirely my own, it's just a modification of the ServerColumns theme (which I guess I assumed was more well known)

clear siren Dec 7, 2023, 11:50 PM

#

yeah it's all fine

#

I dunno if anyone has a better implementation of that

nimble spruce Dec 7, 2023, 11:52 PM

#

real quarry broke betterfolders plugin and i dont think it works with server folders (which ...

Is server folders a plugin, or Discord's actual server folders? I have a few server folders (I am at like 130 servers right now), and this CSS works for me on latest stable

#

Never've used betterfolders plugin so that one is probably on me

terse dew Dec 7, 2023, 11:56 PM

#

Hello, so I came here to just ask if anybody knows a CSS code that does the same thing as this one but for picture backgrounds.
Not sure in which channel I should be asking this.
#🎨-css-snippets message

deft niche Dec 8, 2023, 4:31 AM

#

could anyone advise me on how to make a css snippet that replaces every instance of a users pfp with another image?

#

like a specific user account

#

img[src="img1"] {
  content: url("img2");
}
``` i tried this but nothing is replacing

#

obviously img1 and img2 are replaced with actua image links

exotic nexus Dec 8, 2023, 4:33 AM

#

i think so

#

#🎨-css-snippets message

deft niche Dec 8, 2023, 4:35 AM

#

oh awesome, thanks

#

is it possible to reference a local file using css? i assume i need to put the file in a specific directory

exotic nexus Dec 8, 2023, 4:40 AM

#

nop

deft niche Dec 8, 2023, 4:40 AM

#

damn 😔

clear siren Dec 8, 2023, 8:20 AM

#

holy fuck what.. someone on support asking how to set a background for discord, and I just decided to see if there's a simple theme to achieve that

#

devilbro strikes again https://betterdiscord.app/theme/BasicBackground

BetterDiscord

BasicBackground - BetterDiscord

Allows you to use a Background Image without greatly altering the basic Layout of Discord

#

over 7000 lines to set a background and some colors for discord

#

hahahah

#

why is that even called basicbackground and claiming "without greatly altering" when it does way more than just set a background

mortal mantle Dec 8, 2023, 8:40 AM

#

how

#

7000 lines

#

doesnt he know that changing the --brand-experiment variable is the fastest solution

deft niche Dec 8, 2023, 8:47 AM

#

clear siren over 7000 lines to set a background and some colors for discord

oh my god 😭

slim lantern Dec 8, 2023, 9:56 AM

#

I dunno how people use backgrounds with so much stuff going on.

#

Makes text hard to read.

vast delta Dec 8, 2023, 10:19 AM

#

not sure if this one works as well, i havent been cssing for a few days

📎 base.css

clear siren Dec 8, 2023, 10:25 AM

#

I do something similar, setting pretty much all background vars to transparent and having a background on body with an extra layer on #app-mount to tone it

#

then readding backgrounds back in to some elements manually

vestal field Dec 8, 2023, 10:58 AM

#

definitely not that that simple of a theme if you want to make it look good though

clear siren Dec 8, 2023, 10:59 AM

#

yeah, I think I might be able to do it in about 6000 lines

neon crown Dec 8, 2023, 2:07 PM

#

[class*="heading-md-semibold"],
[class*=text],
[class*=input_],
[class^=topic_],
[class^=name_],
[class*=item_],
[class*=description_]
 { font-size: 20px !important; }

i noticed that this changes most things but some things like the text when hovering servers and statuses are left unchanged, i'm not very familiar with css so how can i locate the name of the class i want to target? within discord

ashen sable Dec 8, 2023, 2:08 PM

#

I didn't know this channel even existed as it was hidden, but now that I do I'll post this thing I made again:
https://gitlab.com/Grzesiek11/compactplusplus-discord-theme

GitLab

Grzesiek11 / Compact++ Discord Theme · GitLab

Makes Discord's Compact mode more like IRC (and thus better)

#

if you are a Compact mode user you'll probably like it, if you are not perhaps it'll make you switch ;)

#

didn't add screenshots yet

#

that's how it looks though

#

feedback welcome

clear siren Dec 8, 2023, 2:10 PM

#

for server hover text and other tooltips add [class*=tooltip_] as a selector

#

but yeah to locate selectors, you use devtools (ctrl+shift+i) but you should enable nodevtoolswarning plugin first

#

and for popups that go away and stuff like that it is useful to have f8break plugin that freezes discord when you have a popup or something open

clear siren Dec 8, 2023, 2:16 PM

#

ashen sable I didn't know this channel even existed as it was hidden, but now that I do I'll...

well done, good css

neon crown Dec 8, 2023, 2:16 PM

#

alright, where in the dev tools should i look to find the classes?

#

i'm not seeing much but it's also kinda slow and hard to see

clear siren Dec 8, 2023, 2:17 PM

#

you click this button and then the element you want to modify

neon crown Dec 8, 2023, 2:17 PM

#

holy shit that's way easier than whatever i was doing

#

when did they put that there

clear siren Dec 8, 2023, 2:17 PM

#

but you might have to go up or down the tree to get the proper element you need

ashen sable Dec 8, 2023, 2:18 PM

#

neon crown when did they put that there

it's definitely not a new thing lol

neon crown Dec 8, 2023, 2:18 PM

#

the amount of times i have not used that at all

clear siren Dec 8, 2023, 2:18 PM

#

haha

dark dragon Dec 8, 2023, 2:28 PM

#

You've got to be careful how much you increase the font size on some things. It can mess with some of the scroll boxes due to how they did all that

neon crown Dec 8, 2023, 2:30 PM

#

yeahh

#

i can't seem to find the class for usernames

clear siren Dec 8, 2023, 2:31 PM

#

usernames in messages?

neon crown Dec 8, 2023, 2:31 PM

#

yup

dark dragon Dec 8, 2023, 2:31 PM

#

You should be able to increase those with the font size slider in settings, save yourself some effort

neon crown Dec 8, 2023, 2:31 PM

#

trying to avoid that tbh

clear siren Dec 8, 2023, 2:31 PM

#

.username_d30d99 is the class you probably want

#

the fonsize slider in settings messes with things in a way I dislike

neon crown Dec 8, 2023, 2:32 PM

#

agree

neon crown Dec 8, 2023, 2:33 PM

#

clear siren .username_d30d99 is the class you probably want

[class*=username_d30d99]
would it be like this? i don't see an effect D:

clear siren Dec 8, 2023, 2:33 PM

#

that should work but is unnecessary to do it this way

neon crown Dec 8, 2023, 2:34 PM

#

oh i think it's just my username that looks much smaller to me, it does work lol

clear siren Dec 8, 2023, 2:35 PM

#

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors read this to understand what that selector is and how it can be used

MDN Web Docs

Attribute selectors - CSS: Cascading Style Sheets | MDN

The CSS attribute selector matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match.

#

and in general, MDN is your best friend when doing css

ashen sable Dec 8, 2023, 2:38 PM

#

neon crown `[class*=username_d30d99]` would it be like this? i don't see an effect D:

that's a... bit weird way to do it

#

why not just .username_d30d99

clear siren Dec 8, 2023, 2:40 PM

#

they're just copying the format from the other selectors

vast delta Dec 8, 2023, 2:59 PM

#

clear siren https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors read this t...

#🎨-theme-development message read this to understand why you shouldn't use it trolley

clear siren Dec 8, 2023, 3:00 PM

#

no :)

vast delta Dec 8, 2023, 3:00 PM

#

:3

deep bane Dec 8, 2023, 3:06 PM

#

Shitty way to hide this (It's shitty cause it's made by me)

.containerDefault__23a29:has(.iconVisibility__78804.wrapperStatic__026af.wrapperCommon_d71dee),
.containerDefault__3187b:has(.iconVisibility__62ab5.wrapper__7bcde.typeVoice_f4ba92),
.sectionDivider__68d2a {
  display:none;
}

mortal mantle Dec 8, 2023, 3:43 PM

#

vast delta https://discord.com/channels/1015060230222131221/1134844326933954622/11770144276...

aint reading allat

sacred anchor Dec 8, 2023, 3:55 PM

#

Yo guys

#

I want to make a one-color theme for my discord

#

Any guides on getting started?

deep bane Dec 8, 2023, 3:59 PM

#

Maybe decent way to hide community hub

.listItem_fa7b36:has(.pill__13f64) { 
  display: none !important;
}```

deep bane Dec 8, 2023, 4:00 PM

#

sacred anchor I want to make a one-color theme for my discord

sacred anchor Dec 8, 2023, 4:02 PM

#

deep bane

I know this already

#

I want to code my own

deep bane Dec 8, 2023, 4:03 PM

#

do you want to have it for your personal use or do you want to publish it so other people can use it too

deep bane Dec 8, 2023, 4:05 PM

#

deep bane Shitty way to hide this (It's shitty cause it's made by me) ```css .containerDef...

If someone could improve this so there's no additonal scroll i would be very thankful 🙏

sacred anchor Dec 8, 2023, 4:06 PM

#

deep bane do you want to have it for your personal use or do you want to publish it so oth...

Personal use first and then making it public

deep bane Dec 8, 2023, 4:07 PM

#

sacred anchor Personal use first and then making it public

Well then if you want to make it public some day you'll probably have to start from 0 which would take a lot of time to get the theme to look nice, which i can't really help you with, but if you JUST want it for personal use then you can probably take a theme that you like and just edit it to the color you like

#

the only advice i could give you is probably just to use the console (inspect element) in your browser which you probably know about

deep bane Dec 8, 2023, 5:04 PM

#

deep bane Shitty way to hide this (It's shitty cause it's made by me) ```css .containerDef...

nvm this is shit didnt realise it literally removes all voice channels

upbeat hemlock Dec 8, 2023, 6:41 PM

#

dont have perms to post in #🎨-css-snippets so ig ill do it here this changes the icons from the new thicc icons to the old icons

https://raw.githubusercontent.com/LynnuxDev/Discord/main/Themes/Addons/Revert-Icons.css

oak plover Dec 8, 2023, 6:42 PM

#

upbeat hemlock dont have perms to post in <#1028106818368589824> so ig ill do it here this chan...

Don’t steal my shit

grand surge Dec 8, 2023, 6:57 PM

#

can anyone help me with an issue

deep bane Dec 8, 2023, 6:57 PM

#

grand surge can anyone help me with an issue

?!?!?!?!??!?!

grand surge Dec 8, 2023, 6:57 PM

#

I wanna get my background to work on my themes

deep bane Dec 8, 2023, 6:58 PM

#

upbeat hemlock dont have perms to post in <#1028106818368589824> so ig ill do it here this chan...

deep bane Dec 8, 2023, 6:58 PM

#

grand surge I wanna get my background to work on my themes

whats the background you want to use and whats your theme

grand surge Dec 8, 2023, 6:59 PM

#

deep bane whats the background you want to use and whats your theme

trying to remake this since this them stopped working

#

theme*

#

It isnt my theme but I really liked it and I wanna get it back

deep bane Dec 8, 2023, 6:59 PM

#

i will be able to help you in around 10 minutes since im doing something right now

grand surge Dec 8, 2023, 6:59 PM

#

alr

#

no worries

deep bane Dec 8, 2023, 7:13 PM

#

grand surge trying to remake this since this them stopped working

can you tell me what theme is this from

grand surge Dec 8, 2023, 7:14 PM

#

uh 1 se

#

sec*

#

vsthemes.org

deep bane Dec 8, 2023, 7:15 PM

#

what theme is it...

grand surge Dec 8, 2023, 7:15 PM

#

oh sorry

#

https://vsthemes.org/en/skins/discord/47661-cherry-blossom.html

#

its from like 2022

deep bane Dec 8, 2023, 7:16 PM

#

do you just want the background to be working or?

grand surge Dec 8, 2023, 7:16 PM

#

yeah I just want the background

deep bane Dec 8, 2023, 7:40 PM

#

This makes it the background but you would have to make a lot of elements transparent in order to see it behind the chat and etc.

.bg__12180 {
    background: var(--background);
    background-position: var(--backgroundposition, center);
    background-size: var(--backgroundsize, cover);
}```

grand surge Dec 8, 2023, 7:41 PM

#

thank you

deft niche Dec 8, 2023, 9:57 PM

#

hey, so im changing the background color of mentioning messages by re assigning the --mention-background property, but whenever you hover on the message, the color changes back to yellow. Any ideas?

teal cave Dec 8, 2023, 10:22 PM

#

there is also --mention-background-hover

deft niche Dec 8, 2023, 10:40 PM

#

ahhh ok thanks!

clear siren Dec 8, 2023, 10:51 PM

#

deft niche ahhh ok thanks!

enable f8break plugin, easy way to style elements that only appear or change on hover

#

you can also set hover pseudoclass on elements in devtools by rightclicking an element

#

but often it's not the right element to set :hover on

deft niche Dec 8, 2023, 10:56 PM

#

clear siren enable f8break plugin, easy way to style elements that only appear or change on ...

im not on vesktop so i just crash when i try open devtools anguish

clear siren Dec 8, 2023, 10:57 PM

#

lol

vast delta Dec 9, 2023, 4:08 AM

#

@obtuse kite https://github.com/vencordcss/onekocord

GitHub

GitHub - vencordcss/onekocord: All the Oneko code, in one place, up...

All the Oneko code, in one place, up to date™. Contribute to vencordcss/onekocord development by creating an account on GitHub.

#

all oneko snippets have been standardised and work on newest classes

fierce oxide Dec 9, 2023, 4:21 AM

#

Im wondering if anyone here does themes?
I wanna use a video for a background and need to know how to do so?

#

Please ping me for the answer if anyone knows how to. I need to sleep. Am too tired to stay awake. Sorry SMU_UsagiNervousHehe

leaden folio Dec 9, 2023, 5:16 AM

#

is there a significant performance difference between using @import and just having the css in a file on my machine?

sacred anchor Dec 9, 2023, 5:25 AM

#

deep bane Well then if you want to make it public some day you'll probably have to start f...

alright, I want to make my css public, how do I get started now?

sacred anchor Dec 9, 2023, 5:53 AM

#

so I made a css file for a lite blue background of discord.

#

how do I set it to light blue now?

dark dragon Dec 9, 2023, 5:56 AM

#

leaden folio is there a significant performance difference between using @import and just hav...

Not really. Imports only become an issue when you've got multiple of them nested within eachother

exotic nexus Dec 9, 2023, 6:06 AM

#

depends on what's being imported

#

not necessarily how nested they are unless theres like hundreds of them

dark dragon Dec 9, 2023, 6:12 AM

#

Imports inside other imports can only be downloaded sequentially, it should be avoided

vast delta Dec 9, 2023, 8:56 AM

#

fierce oxide Im wondering if anyone here does themes? I wanna use a video for a background an...

not possible, you can not import videos using CSS

#

you can do gifs

vast delta Dec 9, 2023, 8:57 AM

#

leaden folio is there a significant performance difference between using @import and just hav...

there is no performance benefit from copying the CSS onto your system since it is running the same code either way

#

only difference it makes is that large CSS files may take some time on extremely slow connections

vast delta Dec 9, 2023, 8:58 AM

#

sacred anchor alright, I want to make my css public, how do I get started now?

https://github.com/

GitHub

GitHub: Let’s build from here

GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...

deft niche Dec 9, 2023, 9:25 AM

#

vast delta https://github.com/

lies

mortal mantle Dec 9, 2023, 11:06 AM

#

Lies

long sundial Dec 9, 2023, 12:44 PM

#

deft niche lies

wysi

shell grail Dec 9, 2023, 4:03 PM

#

Lies

simple kiln Dec 9, 2023, 4:25 PM

#

hmm

deep bane Dec 9, 2023, 4:56 PM

#

Truth

vast delta Dec 9, 2023, 5:12 PM

#

when you fucking see it

deep bane Dec 9, 2023, 5:20 PM

#

deep bane Shitty way to hide this (It's shitty cause it's made by me) ```css .containerDef...

I think this is a good way of hiding this

.sectionDivider__68d2a:nth-last-of-type(2),
.wrapperCommon_d71dee.wrapperStatic__026af.iconVisibility__78804 > .container_de798d.name__590d6 > .overflow__87fe8,
[class^=bar__]:has([class^=voiceChannelsIcon__]) {
  display: none !important;
}

deep bane Dec 9, 2023, 5:23 PM

#

deep bane I think this is a good way of hiding this ```css .sectionDivider__68d2a:nth-last...

(and the divider that is above it)

vast delta Dec 9, 2023, 5:24 PM

#

what exactly are you trying to hide

deep bane Dec 9, 2023, 5:26 PM

#

look at the image

#

💀

vast delta Dec 9, 2023, 5:37 PM

#

the image contains a billion different things you might wanna hide

#

💀

clear siren Dec 9, 2023, 5:42 PM

#

wtf even is that selector

#

SKULL_SKELETON

vast delta Dec 9, 2023, 5:44 PM

#

superskull

clear siren Dec 9, 2023, 5:45 PM

#

deep bane Dec 9, 2023, 6:10 PM

#

clear siren wtf even is that selector

very good selector (i used ublock origin element picker cause im lazy)

deep bane Dec 9, 2023, 6:10 PM

#

vast delta the image contains a billion different things you might wanna hide

everything

clear siren Dec 9, 2023, 6:11 PM

#

ublock element picker 💀

deep bane Dec 9, 2023, 6:11 PM

#

ye

#

bit modified

#

but it works

#

⠀

vast delta Dec 9, 2023, 6:16 PM

#

deep bane everything

*{display:none}

deep bane Dec 9, 2023, 6:16 PM

#

vast delta `*{display:none}`

that is exactly what i did

#

vast delta Dec 9, 2023, 6:17 PM

#

that code

#

will work

deep bane Dec 9, 2023, 6:17 PM

#

yea, exactly

vast delta Dec 9, 2023, 6:17 PM

#

whitename

deep bane Dec 9, 2023, 6:18 PM

#

now i realised it hides any voice channel with a person in it

#

This should*?* work

[class^=bar__]:has([class^=voiceChannelsIcon__]),
.containerDefault__3187b:nth-last-of-type(1),
.sectionDivider__68d2a:nth-last-of-type(2),
.wrapperCommon_d71dee.wrapperStatic__026af.iconVisibility__78804 > .container_de798d.name__590d6 > .overflow__87fe8 {
  display: none !important;
}
```Before / After

deep bane Dec 9, 2023, 6:29 PM

#

deep bane This should*?* work ```css [class^=bar__]:has([class^=voiceChannelsIcon__]), .c...

also includes this #🎨-css-snippets message

vast delta Dec 9, 2023, 7:11 PM

#

join a vc so i can see @deep bane

deep bane Dec 9, 2023, 7:13 PM

#

no trolley

vast delta Dec 9, 2023, 7:13 PM

#

deep bane no <:trolley:1024751352028602449>

deep bane Dec 9, 2023, 7:15 PM

#

vast delta

⠀

clear siren Dec 9, 2023, 7:21 PM

#

deep bane Dec 9, 2023, 7:23 PM

#

clear siren

whats your theme

mortal mantle Dec 9, 2023, 7:23 PM

#

actually accurate time

clear siren Dec 9, 2023, 7:26 PM

#

deep bane whats your theme

one I made

deep bane Dec 9, 2023, 7:26 PM

#

clear siren one I made

🥺

clear siren Dec 9, 2023, 7:27 PM

#

do whatever you want with it

📎 nvhhr.theme.css

deep bane Dec 9, 2023, 7:27 PM

#

⠀

clear siren Dec 9, 2023, 7:27 PM

#

only really works on vesktop because I use oklch() for colors

#

but feel free to experiment with my silly code

deep bane Dec 9, 2023, 7:28 PM

#

damn, i cant use vesktop cause i need push to talk unfocused

deep bane Dec 9, 2023, 7:36 PM

#

clear siren but feel free to experiment with my silly code

what's the font cause i don't think i have it

clear siren Dec 9, 2023, 7:36 PM

#

roboto mono

#

I use it everywhere

#

good and legible monospace font

deep bane Dec 9, 2023, 8:02 PM

#

@clear siren What does the /.9 do?

clear siren Dec 9, 2023, 8:03 PM

#

it's the alpha value

deep bane Dec 9, 2023, 8:03 PM

#

thanks 🙏

#

im assuming its just 90% right?

oblique night Dec 9, 2023, 8:08 PM

#

how do I get code blocks to have the language used in the top left?

deep bane Dec 9, 2023, 8:09 PM

#

oblique night how do I get code blocks to have the language used in the top left?

#

i think

oblique night Dec 9, 2023, 8:10 PM

#

deep bane

why can't I see it in plugins

exotic nexus Dec 9, 2023, 8:10 PM

#

only on desktop i believe

deep bane Dec 9, 2023, 8:10 PM

#

what version of vencord are you on

oblique night Dec 9, 2023, 8:11 PM

#

Vencord D629281 (Web)

deep bane Dec 9, 2023, 8:11 PM

#

then ig its only on desktop

oblique night Dec 9, 2023, 8:11 PM

#

ok

clear siren Dec 9, 2023, 8:16 PM

#

deep bane im assuming its just 90% right?

yeah

#

works with rgb or hsl the same way

#

I just prefer oklch

#

used to use hsl() for colors but oklch is the best

deep bane Dec 9, 2023, 8:19 PM

#

yeah im in the process of converting it to rgb (idk why rgb i just picked it cause theres a converter online)

#

what theme

#

its cause its using colors not supported by discodr or some stuff

#

im converting it into rgb/a

#

@clear siren is /1 in oklch 100% in rgba?

clear siren Dec 9, 2023, 8:29 PM

#

and in rgb or hsl

#

rgb(255 255 255 / 1) is the same

#

it's the new syntax

deep bane Dec 9, 2023, 8:33 PM

#

75?

#

@clear siren

clear siren Dec 9, 2023, 8:39 PM

#

yeah?

deep bane Dec 9, 2023, 8:39 PM

#

its margin

clear siren Dec 9, 2023, 8:39 PM

#

yeah I dunno what happened there

glossy aurora Dec 9, 2023, 8:42 PM

#

deep bane <@165098921071345666>

today at 07:27

deep bane Dec 9, 2023, 8:42 PM

#

did someone move channels or am i tripping

glossy aurora Dec 9, 2023, 8:43 PM

#

wdym

deep bane Dec 9, 2023, 8:43 PM

#

channels

#

channel list

#

nvm

#

⠀ @clear siren

📎 nvhhr.theme.css

#

what is the oneko thingy btw

clear siren Dec 9, 2023, 9:03 PM

#

#1176248852949516319

deep bane Dec 9, 2023, 9:07 PM

#

anyone know this theme

clear siren Dec 9, 2023, 9:07 PM

#

yeah it works for that too but the skin I made is incomplete

deep bane Dec 9, 2023, 9:07 PM

#

deep bane anyone know this theme

the theme tho

clear siren Dec 9, 2023, 9:08 PM

#

oh, no idea

deep bane Dec 9, 2023, 9:08 PM

#

:(

mortal mantle Dec 9, 2023, 9:25 PM

#

blobcatcozy

#

probably Material you theme

clear siren Dec 9, 2023, 10:48 PM

#

it "works" for me although not sure what it's supposed to achieve

#

where do you want the button to be

sour finch Dec 10, 2023, 12:38 AM

#

clear siren it "works" for me although not sure what it's supposed to achieve

I fixed it myself and centered my button, but with a much longer code. All I wanted was that the read all button is centered as it wasn't for me. But it works now! Ty

grand surge Dec 10, 2023, 12:52 AM

#

How does one gain access to CSS snippets?

clear siren Dec 10, 2023, 12:53 AM

#

post good css and someone might give you snippet dev role

grand surge Dec 10, 2023, 12:54 AM

#

Improved Social Linkscss @import url(https://stevencaior.github.io/discord_themes/addons/SocialLinks_SourrR34.css);

2023-11-29_at_2200_27s_374ms_on_1_Discord__My_Account__User_Settings_-_Thorium_x.gif

#

This good enough?

edgy sentinel Dec 10, 2023, 12:55 AM

#

has anyone in the entire history of the world ever clicked on those links

exotic nexus Dec 10, 2023, 12:55 AM

#

absolutely not

#

i'll be honest i didnt know those existed until now

clear siren Dec 10, 2023, 12:56 AM

#

same tbh

grand surge Dec 10, 2023, 12:56 AM

#

exotic nexus absolutely not

Is this only because it's really obscure

exotic nexus Dec 10, 2023, 12:56 AM

#

edgy sentinel has anyone in the entire history of the world ever clicked on those links

i was referring to this

grand surge Dec 10, 2023, 12:56 AM

#

Oh lol

edgy sentinel Dec 10, 2023, 12:57 AM

#

please add a semicolon at the end

#

then u can post it

grand surge Dec 10, 2023, 12:58 AM

#

edgy sentinel please add a semicolon at the end

oh mb

#

done

#

thanks

solid ore Dec 10, 2023, 1:46 AM

#

tbh id rather have a snippet hiding those social links than one making them more prevalent

grand surge Dec 10, 2023, 1:53 AM

#

.socialLinks_c1fc99{
  display: none;
}```

#

Though I know that isn't good enough for #🎨-css-snippets

prisma garden Dec 10, 2023, 2:09 AM

#

So, I use a semi-transparent theme, and when I'm in one of those forum channels the header goes over the text in a weird way (image below)

#

how would I make it so that the header fully covers up the text underneath it whilst still keeping that background image?

#

I want it to act how channel headers do

#

where it covers up the text and still has the image background

grand surge Dec 10, 2023, 3:25 AM

#

prisma garden I want it to act how channel headers do

Oh hey it's me

supple jacinth Dec 10, 2023, 3:25 AM

#

prisma garden I want it to act how channel headers do

You could set the same background image on it and set the background size and position to have it align correctly

#

Or look at the css of the header

grand surge Dec 10, 2023, 3:27 AM

#

supple jacinth You could set the same background image on it and set the background size and po...

I feel like this will end up being scuffed

#

and maybe won't work well with different zoom levels

#

the latter seems like a safer approach

prisma garden Dec 10, 2023, 3:28 AM

#

I've looked at the css for both and I didn't notice any difference (other than some margins)

#

I'll check again though

supple jacinth Dec 10, 2023, 3:30 AM

#

grand surge I feel like this will end up being scuffed

Yeah it would. idk why how the css would work for the header and not that tho

grand surge Dec 10, 2023, 3:30 AM

#

the chat is taller than its parent container

#

which has overflow-x set to hidden

#

and the height of the container is set to end at the header section

#

so you can try taking the height of the container (.chatContainer__23434 ?) and setting the height to be height: calc(100% - height of the forum thing)

supple jacinth Dec 10, 2023, 3:32 AM

#

Good idea

prisma garden Dec 10, 2023, 3:33 AM

#

trying that rn

prisma garden Dec 10, 2023, 4:12 AM

#

discord has the divs structured very weirdly

#

When I figure out a hacky spaghetti-code solution I'll put it here

frosty crest Dec 10, 2023, 2:31 PM

#

#

i didnt feel like retyping

deep bane Dec 10, 2023, 3:09 PM

#

can you send us the code

#

cause i dont feel like retyping it

#

trolley

frosty crest Dec 10, 2023, 3:40 PM

#

lol yeah xD

#

[class="markup_a7e664 messageContent__21e69"] {
   background: linear-gradient(to right, #ff84d8, #447cf5);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
}```

deep bane Dec 10, 2023, 3:53 PM

#

frosty crest

also what font is that

frosty crest Dec 10, 2023, 3:54 PM

#

uhh, its the one vencord theme is using one sec

frosty crest Dec 10, 2023, 3:57 PM

#

deep bane also what font is that

its Rubik, a google font

vast delta Dec 10, 2023, 4:11 PM

#

try making color white and see if it is still Invisible

frosty crest Dec 10, 2023, 4:12 PM

#

when i make the color anything other than transparent it changes everything to to that color

#

I tried to specify the 'text-decoration-color:' but it just reverted it to the base color im using

deep bane Dec 10, 2023, 4:17 PM

#

i found this

#

s {
  background: -webkit-linear-gradient(bottom, transparent calc(.5em - 1px), red calc(.5em - 1px), red .5em, transparent .5em);
  background-size: 100% 1em;
}```

#

seems to work a bit

#

(add to quick css not replacing your old one)

frosty crest Dec 10, 2023, 4:18 PM

#

~~maybe~~

#

ok yeah that works

deep bane Dec 10, 2023, 4:21 PM

#

frosty crest ok yeah that works

s {
  background: -webkit-linear-gradient(bottom, transparent calc(.35em - 1px), #ff84d8 calc(.35em - 1px), #447cf5 .35em, transparent .35em);
  background-size: 100% 1em;
}```

#

this should make the line lower

frosty crest Dec 10, 2023, 4:22 PM

#

xD i was just adjusting that ty

deep bane Dec 10, 2023, 4:23 PM

#

although the only problem with this is that the line gradient isn't left-to-right

frosty crest Dec 10, 2023, 4:24 PM

#

~~its fine its there and noticable for the time being thats what i needed, i can mess with it another time~~

#

tysm<3

#

pink works

deep bane Dec 10, 2023, 4:29 PM

#

i found a better method

#

i think

#

s, strike {
   text-decoration: white line-through;
}```

#

lol

frosty crest Dec 10, 2023, 4:29 PM

#

xD

deep bane Dec 10, 2023, 4:29 PM

#

(i checked the color can't be gradient, atleast afaik)

deep bane Dec 10, 2023, 4:38 PM

#

frosty crest its Rubik, a google font

can you tell me how it is applied in the theme? (The name of it used in css)

frosty crest Dec 10, 2023, 4:39 PM

#

its imported

deep bane Dec 10, 2023, 4:39 PM

#

can i get the code?

frosty crest Dec 10, 2023, 4:40 PM

#

https://raw.githubusercontent.com/Synqat/vencord-theme/main/versions/latest.css

deep bane Dec 10, 2023, 4:43 PM

#

frosty crest https://raw.githubusercontent.com/Synqat/vencord-theme/main/versions/latest.css

thank you

frosty crest Dec 10, 2023, 4:43 PM

#

np

#

i can sleep now thats not bothering me ^-^ nini

sour finch Dec 10, 2023, 6:58 PM

#

Does anyone know how to make the backdrop (the circle) align with the style? I can't figure it SAD

grand surge Dec 10, 2023, 7:14 PM

#

Do you mind sending you CSS file?

deep bane Dec 10, 2023, 7:14 PM

#

sour finch Does anyone know how to make the backdrop (the circle) align with the style? I c...

is that the speaking overlay or?

summer edge Dec 10, 2023, 7:29 PM

#

sour finch Does anyone know how to make the backdrop (the circle) align with the style? I c...

~~Iirc that circle is an svg so id think replacing it or removing it would be the easiest way~~ I’m not on pc but looking at one of my old snippets I think I’m wrong

deep bane Dec 10, 2023, 7:38 PM

#

foreignObject[mask*="url(#"] {
  mask: none;
  -webkit-mask: none;
  border-radius: 2px !important;
}```

#

adjust border radius

vast delta Dec 10, 2023, 7:47 PM

#

you are a menace to society

deep bane Dec 10, 2023, 7:48 PM

#

what

vast delta Dec 10, 2023, 7:50 PM

#

checks every single circle up the tree until it founds a mask, if not, until the tree ends

#

then goes up from that mask until it finds bannersvg, if not, until the tree ends

#

same to userPopoutOuter

deep bane Dec 10, 2023, 7:51 PM

#

definitely performance heavy

vast delta Dec 10, 2023, 7:51 PM

#

fun fact:

#

its not gonna cause harm on its own but it is bad practice

sour finch Dec 10, 2023, 7:51 PM

#

deep bane ```css foreignObject[mask*="url(#"] { mask: none; -webkit-mask: none; bord...

thanks a bunch, got it working!

summer edge Dec 10, 2023, 7:57 PM

#

vast delta you are a menace to society

To my defense I had no idea that was performance heavy :3

#

Also it’s old css

vast delta Dec 10, 2023, 7:59 PM

#

summer edge To my defense I had no idea that was performance heavy :3

#🎨-theme-development message

#

the first section is what i am referencing

vast delta Dec 10, 2023, 8:28 PM

#

guh #🎨-css-snippets people keep remaking the same things that already exist

#

we need a good comprehensive list of stuff that exists

grand surge Dec 10, 2023, 8:49 PM

#

Is this referring to RadialStatus?

#

Last I checked, Gibbu's version didn't work that well

#

Granted, that was a year ago, but regardless, I feel like snippets can be improved upon even if the endgoal is the same

exotic nexus Dec 10, 2023, 8:52 PM

#

vast delta we need a good comprehensive list of stuff that exists

yeah it's called #🎨-css-snippets

deep bane Dec 10, 2023, 9:18 PM

#

Would there be any way to hide the suggested channels? (And maybe a way to stop them from giving you pings)

#

grand surge Dec 10, 2023, 9:21 PM

#

Stop it from giving you pings? Not with CSS

deep bane Dec 10, 2023, 9:22 PM

#

i know but there is no way to suggest a feature/plugin

#

and i do not know typescript

grand surge Dec 10, 2023, 9:23 PM

#

Honestly, I don't think there's a CSS solution to the first one without it being scuffed

#

you can always press the x button though

deep bane Dec 10, 2023, 9:23 PM

#

Also this is pretty nice

.messagelogger-edited {
  font-style: italic;
  opacity: 0.75;
}

deep bane Dec 10, 2023, 9:23 PM

#

grand surge you can always press the x button though

No.

grand surge Dec 10, 2023, 9:24 PM

#

Why not

#

That's probably what Discord intended for anyways

deep bane Dec 10, 2023, 9:25 PM

#

because im in a bunch of server for a game's competitive scene and i only would want to get pings when there is a tournament announcement, but they also ping everyone when there is another team's game etc.

grand surge Dec 10, 2023, 9:40 PM

#

You can probably do that without installing any fancy plugins

#

Either way, CSS won't help you when it comes to pings

#

Cascading Style Sheets

deep bane Dec 10, 2023, 9:42 PM

#

grand surge You can probably do that without installing any fancy plugins

I can't ⠀

vast delta Dec 10, 2023, 10:33 PM

#

exotic nexus yeah it's called <#1028106818368589824>

oh that reminded me of a good snippet that would make a wobbly line out of the spotifycontrols progressbar, could you find it for me please?

deep bane Dec 10, 2023, 10:34 PM

#

vast delta oh that reminded me of a good snippet that would make a wobbly line out of the s...

#🎨-css-snippets message

#

Are you not gonna thank me for finding it for you?

#

grand surge Dec 10, 2023, 10:54 PM

#

deep bane Are you not gonna thank me for finding it for you?

Bro relax lol

exotic nexus Dec 10, 2023, 10:58 PM

#

relax it's literally a single search

#

the world's not gonna end

frosty crest Dec 11, 2023, 1:33 AM

#

I do not know what that means

#

oh, its a modified version of the vencord theme

#

what lang is that?

#

the og threw me off lol

#

no its just the edited local file on my pc and a bunch of quick css

#

the vencord theme is on the vencord github though

#

this theme is cute though ^-^

#

662130939002093578

#

for mine im addicted to like pastels and pink/blue

#

fave part lol

#

if you want the snippet i gib, its really easy to adjust to your liking

summer adder Dec 11, 2023, 2:23 AM

#

frosty crest

howd you do that glow

deft niche Dec 11, 2023, 2:36 AM

#

frosty crest for mine im addicted to like pastels and pink/blue

the theme i made is just fully black because im a vampire 💀

grand surge Dec 11, 2023, 2:38 AM

#

frosty crest

that text shadow is so obnoxious

frosty crest Dec 11, 2023, 2:43 AM

#

*to you ^-^

frosty crest Dec 11, 2023, 2:43 AM

#

summer adder howd you do that glow

its a text shadow

supple jacinth Dec 11, 2023, 2:44 AM

#

frosty crest

do you like those icons?

frosty crest Dec 11, 2023, 2:44 AM

#

theyre fine ig

frosty crest Dec 11, 2023, 2:44 AM

#

summer adder howd you do that glow

.panelTitleContainer__7a748>.text-sm-normal_e612c7 {
  background: linear-gradient(to right, #ff84d8, #728fed);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 625;
  text-shadow: 0 0 4px #ffa5e2cc, 0 0 4px #728fedcc;
  border-radius: 9px;
}

frosty crest Dec 11, 2023, 2:46 AM

#

deft niche the theme i made is just fully black because im a vampire 💀

nice on the eyes ^-^

deft niche Dec 11, 2023, 2:46 AM

#

fr 🔥

#

im not a fan of big flashy backgrounds and themes, personally

#

nice and simple

summer adder Dec 11, 2023, 2:47 AM

#

frosty crest ```css .panelTitleContainer__7a748>.text-sm-normal_e612c7 { background: linear...

do i need all that other stuff or can i just use the text-shadow alone?

frosty crest Dec 11, 2023, 2:47 AM

#

^

summer adder Dec 11, 2023, 2:47 AM

#

that’s where it’s funny

frosty crest Dec 11, 2023, 2:47 AM

#

cant permanently mess things up with qcss xD

summer adder Dec 11, 2023, 2:47 AM

#

because i can’t.

frosty crest Dec 11, 2023, 2:47 AM

#

experimentation is fun

summer adder Dec 11, 2023, 2:48 AM

#

thank my mother

frosty crest Dec 11, 2023, 2:48 AM

#

OH

#

rude as hell >:[

#

in that case ill try it for you

summer adder Dec 11, 2023, 2:48 AM

#

yippie!!!

summer adder Dec 11, 2023, 2:49 AM

#

frosty crest rude as hell >:[

it was because i told her my inner feelings like my depression etc

#

i hate my mother sometimes

frosty crest Dec 11, 2023, 2:50 AM

#

relatable

#

so it does still work but since the color of the text is just white it kind of makes it hard to see but thats also maybe just the colors i have chosen being not so visible

summer adder Dec 11, 2023, 2:52 AM

#

ahh

#

so basically

#

i’d have to recolour the text as well to make it look appealing to my eyes

#

?

frosty crest Dec 11, 2023, 2:54 AM

#

as it stands i suppose, i can mess around and see if i can improve the shadow itself over a basic text color

summer adder Dec 11, 2023, 2:54 AM

#

alr

frosty crest Dec 11, 2023, 2:55 AM

#

is your text color normally white or does it match a theme you have?

summer adder Dec 11, 2023, 2:55 AM

#

i made my own theme

#

i think i changed the text color so i can go to my repo and see what hex it is

frosty crest Dec 11, 2023, 2:56 AM

#

yeah if you just wanna drop me the hex for what your text already is i can just work off of that and what color glow you want

#

ill have nothing to do at work tonight so it will be a fun lil project

summer adder Dec 11, 2023, 2:56 AM

#

ah apparently i didn’t use hex

#

apparently i used rgb

frosty crest Dec 11, 2023, 2:56 AM

#

what color?

summer adder Dec 11, 2023, 2:56 AM

#


--text-normal: rgb(230, 210, 248);```

frosty crest Dec 11, 2023, 2:57 AM

#

i can make a hex out of that no problem

summer adder Dec 11, 2023, 2:57 AM

#

i can just link the entire theme if you need more

frosty crest Dec 11, 2023, 2:57 AM

#

wouldnt hurt to have a bigger scope of what youre going for

#

ooh its like a lavender ^-^

#

cute

#

my phone is that color

summer adder Dec 11, 2023, 3:01 AM

#

yeah

#

entire theme is just like

#

a sleek-ish purple

#

i’ll link it

frosty crest Dec 11, 2023, 3:01 AM

#

v.nice im excited to check it out

summer adder Dec 11, 2023, 3:01 AM

#

https://github.com/MadelineMaid/themes/blob/main/Purple Theme!.css

GitHub

themes/Purple Theme!.css at main · MadelineMaid/themes

Contribute to MadelineMaid/themes development by creating an account on GitHub.

#

my code might be messy but idk

#

there’s also a lil animation area at the bottom

#

you can remove that code if u don’t want the slight animations

frosty crest Dec 11, 2023, 3:02 AM

#

no worries i can work with whatever ^-^

summer adder Dec 11, 2023, 3:02 AM

#

alrightie

frosty crest Dec 11, 2023, 3:06 AM

#

woah, i actually like your animations

summer adder Dec 11, 2023, 3:07 AM

#

thanks, i def got a lot of help with them from here

frosty crest Dec 11, 2023, 3:08 AM

#

ive been wanting to make one to hide my channel list but havent gotten around to it

#

bc i want to be able to toggle with an added button

summer adder Dec 11, 2023, 3:08 AM

#

i wanted to make one for the channel categories but they just

#

collapse and disappear

frosty crest Dec 11, 2023, 3:09 AM

#

ahh yeah see thats the issue i ran into

#

summer adder Dec 11, 2023, 3:09 AM

#

?

frosty crest Dec 11, 2023, 3:09 AM

#

so with this color are you set on the purple text?

summer adder Dec 11, 2023, 3:10 AM

#

i’m confused

#

MA_Seizure

frosty crest Dec 11, 2023, 3:10 AM

#

about?

summer adder Dec 11, 2023, 3:10 AM

#

frosty crest so with this color are you set on the purple text?

this

#

i need simpler for some reason

frosty crest Dec 11, 2023, 3:10 AM

#

the color that the name is in

#

is that the color youre staying with?

summer adder Dec 11, 2023, 3:11 AM

#

depends on what it’ll look like with the glow

summer adder Dec 11, 2023, 3:11 AM

#

summer adder ```css --text-normal: rgb(230, 210, 248);```

might switch it to the normal text color, so this

frosty crest Dec 11, 2023, 3:11 AM

#

well i can make the glow that color and see how it looks

summer adder Dec 11, 2023, 3:13 AM

#

alright

frosty crest Dec 11, 2023, 3:21 AM

#

ok so it makes it like negative lol

#

but making the text the matching color looks decent imo

#

the radius can be changed easily but there is an upper limit

#

i think its like 9px

summer adder Dec 11, 2023, 3:25 AM

#

second one def looks nicer

frosty crest Dec 11, 2023, 3:25 AM

#

i agree

#

.panelTitleContainer__7a748>.text-sm-normal_e612c7 {
  color: #e6d2f8cc;
  font-weight:;
  text-shadow: 0 0 4px #e6d2f8cc, 0 0 4px #e6d2f8cc;
  border-radius: 9px;
}```

summer adder Dec 11, 2023, 3:26 AM

#

i think i might add that to the theme

#

it looks very nice

frosty crest Dec 11, 2023, 3:26 AM

#

^-^

summer adder Dec 11, 2023, 3:26 AM

#

crediting you too

#

in the comments

frosty crest Dec 11, 2023, 3:26 AM

#

haha you dont need to do that

summer adder Dec 11, 2023, 3:28 AM

#

too bad

frosty crest Dec 11, 2023, 3:28 AM

#

also your css n the theme isnt really messy btw

summer adder Dec 11, 2023, 3:28 AM

#

i’m sure that github red isn’t important

summer adder Dec 11, 2023, 3:28 AM

#

frosty crest also your css n the theme isnt really messy btw

thx, i thought it would’ve been pretty messy tbh

frosty crest Dec 11, 2023, 3:29 AM

#

github can suck it lol

summer adder Dec 11, 2023, 3:29 AM

#

fr

#

pushed and committed

frosty crest Dec 11, 2023, 3:30 AM

#

peeking_cat too kind

summer adder Dec 11, 2023, 3:30 AM

#

frosty crest <:peeking_cat:821310027561959475> too kind

only the right thing to do

#

but yes i’m also kind :3

frosty crest Dec 11, 2023, 3:31 AM

#

❤️

summer adder Dec 11, 2023, 3:33 AM

#

anihearttrans

frosty crest Dec 11, 2023, 3:33 AM

#

u get french toast

supple jacinth Dec 11, 2023, 3:34 AM

#

summer adder pushed and committed

Generally a good idea to remove unset properties, like font-weight there.

frosty crest Dec 11, 2023, 3:35 AM

#

^

summer adder Dec 11, 2023, 3:35 AM

#

wait yeah now im curious

#

why is font weight there if it’s unset

frosty crest Dec 11, 2023, 3:35 AM

#

i left it in case you wanted to set it yourself

summer adder Dec 11, 2023, 3:36 AM

#

ahhh

#

noted for later use in case i fuck around and find out

#

frosty crest Dec 11, 2023, 3:38 AM

#

xD

summer adder Dec 11, 2023, 3:39 AM

#

:3

frosty crest Dec 11, 2023, 3:40 AM

#

Madeline do you mind if i use your animation to play around with?

summer adder Dec 11, 2023, 3:44 AM

#

go for it

#

realistically they’re just tweaked versions of @deft niche’s animations that they posted here somewhere i think

frosty crest Dec 11, 2023, 3:45 AM

#

i see i see

deft niche Dec 11, 2023, 3:45 AM

#

summer adder realistically they’re just tweaked versions of <@976176454511509554>’s animation...

goober

summer adder Dec 11, 2023, 3:45 AM

#

i just made them like

frosty crest Dec 11, 2023, 3:45 AM

#

well thank you both then ^-^

summer adder Dec 11, 2023, 3:45 AM

#

a bit more slow

#

and not as much sliding

#

the server icons on the other hand though

#

those ones i did

frosty crest Dec 11, 2023, 3:46 AM

#

i really wanna achieve the channel animation with a button but im thinking thats like a js type thing

vestal field Dec 11, 2023, 3:46 AM

#

channel animation?

frosty crest Dec 11, 2023, 3:47 AM

#

and i dont have the dev version

#

yeah hiding the channel list with a button

#

a toggle

vestal field Dec 11, 2023, 3:47 AM

#

oh yeah thats js
but a hover thing can be done with css

frosty crest Dec 11, 2023, 3:48 AM

#

https://user-images.githubusercontent.com/8385001/124384178-9618bd00-dcbf-11eb-970e-f78d8093dafc.gif

summer adder Dec 11, 2023, 3:48 AM

#

oh yeah

frosty crest Dec 11, 2023, 3:48 AM

#

this but a hover would be just fine too

summer adder Dec 11, 2023, 3:48 AM

#

i’d say probably js/plugin

#

but maybe achievable with css

frosty crest Dec 11, 2023, 3:49 AM

#

im gonna break stuff and see what i can do xD

summer adder Dec 11, 2023, 3:49 AM

#

fuck around find out

supple jacinth Dec 11, 2023, 3:49 AM

#

summer adder but maybe achievable with css

you could make it expand on hover

summer adder Dec 11, 2023, 3:49 AM

#

man i want the toast role

summer adder Dec 11, 2023, 3:49 AM

#

supple jacinth you could make it expand on hover

true true

#

make the whole container small

frosty crest Dec 11, 2023, 3:50 AM

#

supple jacinth you could make it expand on hover

thats waht i was thinking, just hidden by default

summer adder Dec 11, 2023, 3:50 AM

#

and then expand on hover

#

that would def work

supple jacinth Dec 11, 2023, 3:50 AM

#

I have a version where it narrows, but a button like that is definitely js

frosty crest Dec 11, 2023, 3:50 AM

#

i should have gotten the dev version but now im lazy

summer adder Dec 11, 2023, 3:51 AM

#

i tried getting the dev version but i kept getting errors so decided to just be lazy

supple jacinth Dec 11, 2023, 3:51 AM

#

what dev version

#

Vencord ?

frosty crest Dec 11, 2023, 3:51 AM

#

mhmm

supple jacinth Dec 11, 2023, 3:52 AM

#

I have an idea of how I would write a plugin for that

summer adder Dec 11, 2023, 3:52 AM

#

i really want that toast role hshritjnefjr

frosty crest Dec 11, 2023, 3:52 AM

#

i wanted to suggest it but since theyre closed...

#

xD

#

i subbed on patreon is the reason i got to choose this role

#

tis mineee ahaha

summer adder Dec 11, 2023, 4:09 AM

#

should ask them to give it to me too smh

supple jacinth Dec 11, 2023, 4:26 AM

#

wrote it just now

vestal field Dec 11, 2023, 4:28 AM

#

nice

supple jacinth Dec 11, 2023, 4:28 AM

#

worst js ever written lol

vestal field Dec 11, 2023, 4:28 AM

#

now pr and make it a real plugin :))

supple jacinth Dec 11, 2023, 4:29 AM

#

It just straight up grabs the elements and injects the button on it

#

DOM manipulation bad I think

summer adder Dec 11, 2023, 4:31 AM

#

supple jacinth wrote it just now

https://tenor.com/view/gary-there-i-am-spongebob-spongebob-commerical-gif-22318667

Tenor

frosty crest Dec 11, 2023, 4:37 AM

#

xD

#

if it works it works

frosty crest Dec 11, 2023, 4:48 AM

#

supple jacinth do you like those icons?

do you have alts? im curious

supple jacinth Dec 11, 2023, 4:52 AM

#

frosty crest do you have alts? im curious

I just turn off the new icons

#

There’s also fluent and material icon packs for discord i know

#

I don’t use them tho

frosty crest Dec 11, 2023, 4:54 AM

#

ah oki

vast delta Dec 11, 2023, 4:56 AM

#

@vestal field

#

what did I fucking tell you about animations in the snippet

frosty crest Dec 11, 2023, 4:58 AM

#

so hostile

vast delta Dec 11, 2023, 4:58 AM

#

I keep telling people to not include animations in oneko snippets

#

it's so easy

#

just use variables for stuff like in my oneko code

#

no one checks if something has been done before or if they can improve it

#

someone uploads an add-on to a broken and bad version of radialstatus to patch it for vencord (with shitty variable names)

frosty crest Dec 11, 2023, 5:01 AM

#

is the run still broken?

#

i havent enabled it since it broke

vast delta Dec 11, 2023, 5:01 AM

#

another person uses the class script on the original onekomessagebar without customisation

#

what run

frosty crest Dec 11, 2023, 5:02 AM

#

the message bar run anim

vast delta Dec 11, 2023, 5:02 AM

#

oh where it runs across? yeah

#

it's not easy to make I guess

#

and no one corrects their post after I inform them about mistakes so people will take their snippet and ask for features that exist in the real version already

frosty crest Dec 11, 2023, 5:10 AM

#

wdym its jus a billion var cant be that hard xD

vast delta Dec 11, 2023, 5:14 AM

#

they are literally documented

#

I list all variables to each snippet in the repository

#

oh yeah mean that

#

yeah...

frosty crest Dec 11, 2023, 5:20 AM

#

xd

mortal mantle Dec 11, 2023, 5:45 AM

#

lol

vast delta Dec 11, 2023, 5:47 AM

#

i probably couldnt fix it if i wanted to

frosty crest Dec 11, 2023, 7:35 AM

#

Decided i want to make a whole theme based around my twitch panel design

#

will be a first major project and im learning as i go so hopefully ill have a good time xD

vast delta Dec 11, 2023, 8:07 AM

#

you should wait for shiggycord

frosty crest Dec 11, 2023, 8:18 AM

#

why

vast delta Dec 11, 2023, 8:20 AM

#

:)

frosty crest Dec 11, 2023, 8:21 AM

#

i mean like, shiggy cool but id rather make my own than keep using other ppls

mortal mantle Dec 11, 2023, 9:03 AM

#

blobcatcozy

#

together enrich the theme repo for vesktop

frosty crest Dec 11, 2023, 10:26 AM

#

RIGHT?? im a huge fan of like Pastel/y2k aesthetics

#

all i can think of is like windows vista and wii when i hear frutiger aero XD (no hate though ^-^)

#

LOL

#

i respect the enthusiasm

vast delta Dec 11, 2023, 10:30 AM

#

wsssssssstttttttttxxxxxxxxx44rrrrrrrppppppp´´´´

#

lol

frosty crest Dec 11, 2023, 10:30 AM

#

currently editing my Obsidian bc i must have purple/pink pastel everywhere

frosty crest Dec 11, 2023, 10:31 AM

#

vast delta wsssssssstttttttttxxxxxxxxx44rrrrrrrppppppp´´´´

are u okay

vast delta Dec 11, 2023, 10:33 AM

#

´´´´´´´´´´hzzzzzzzzzzzzzkkkkkkkkkc seeeeeehhhhhhh ggggggggggggggggkkkiiiiiiiiiiiiiimmmmmmmmmmmmoooooooooooooooooooooofffffff vvvvvvvvjjjjjjjjjjjjjdddddddddollllllnnnnnnnnnnüßöööööööööööööö bbbbbbbbbbbbbbbbbbbbbbäääääääyyyyyyyyyy########uuuuuuuuuuuuuuuuuuuaaaaaaaaaaaaaaaaa

#

yes im fine

#

i was puting my keycaps back in

frosty crest Dec 11, 2023, 10:33 AM

#

im not inclined to believe you but alr lol

#

LMAO

mortal mantle Dec 11, 2023, 10:34 AM

#

shes been typing on literal BARE SWITCHES lmao

frosty crest Dec 11, 2023, 10:35 AM

#

what the actual fuck

#

psychopath behavior

vast delta Dec 11, 2023, 10:36 AM

#

cleaning keyboard = psychopath

#

typing on bare switches works better than expected

#

anyways, adora do you want a sneak peek on my current shiggycord state?

frosty crest Dec 11, 2023, 10:38 AM

#

what yes absolutely

#

and yes typing on BARE switches is psychopath behavior

vast delta Dec 11, 2023, 10:38 AM

#

lemme just quickly sync

frosty crest Dec 11, 2023, 10:39 AM

#

same with ppl who have blank keycaps

deep bane Dec 11, 2023, 10:40 AM

#

frosty crest same with ppl who have blank keycaps

why would i need labels on them if i already know the layout perfectly

mortal mantle Dec 11, 2023, 10:40 AM

#

psychopath behavior

frosty crest Dec 11, 2023, 10:41 AM

#

Memorizing a whole keyboard is terrifying

#

also i just have inherent memory issues

deep bane Dec 11, 2023, 10:42 AM

#

i didn't memorize it on purpose

frosty crest Dec 11, 2023, 10:45 AM

#

i wish i could but im braindamaged

runic radish Dec 11, 2023, 12:55 PM

#

Idk if anyone's made a snippet like this before, but f*** X, me and the homies hate X.

[src="/assets/f47485602365c946fa52.svg"] {
    content: url("/assets/57a3fe2c0e62e98937fd.svg");
}
/* Shiggy was here */
[style='background-image: url("/assets/f47485602365c946fa52.svg");'],
[style="background-image: url('/assets/f47485602365c946fa52.svg');"] {
    background-image: url("/assets/57a3fe2c0e62e98937fd.svg") !important;
}
[class*="connectionHeader_"]:has([alt="X"])>div>[class*="connectionAccountLabel_"]:before {
    content: "Twitter";
    color: var(--header-secondary);
    user-select: text;
}
[class*="connectionHeader_"]:has([alt="X"])>div>[class*="connectionAccountLabel_"] {
    color: transparent !important;
    user-select: none;
}

||Also I still don't have access write access to #🎨-css-snippets 💀||

deep bane Dec 11, 2023, 1:00 PM

#

runic radish Idk if anyone's made a snippet like this before, but f\*\*\* X, me and the homie...

doesn't work in connections page

#

trolley

runic radish Dec 11, 2023, 2:20 PM

#

deep bane doesn't work in connections page

🧢

deep bane Dec 11, 2023, 2:31 PM

#

did you even read what I said

#

frosty crest Dec 11, 2023, 4:29 PM

#

[class="connectionsContainer_ec9a62"] > :nth-child(5) {
  display: none;
}

#

lol

#

exotic nexus Dec 11, 2023, 4:41 PM

#

Pray they don’t add more connections before that

frosty crest Dec 11, 2023, 4:57 PM

#

LMAO fr

#

even better

vast delta Dec 11, 2023, 5:20 PM

#

even betterer

summer adder Dec 11, 2023, 5:21 PM

#

even bettererer, remove the whole container of every single setting

#

nothing to complain about if theres nothing there

oak plover Dec 11, 2023, 5:21 PM

#

I wish the tabs still had aria-controls

vast delta Dec 11, 2023, 5:22 PM

#

even bettererererer *{display:none}

summer adder Dec 11, 2023, 5:24 PM

#

even betterererererer

#

html {display:none}```

exotic nexus Dec 11, 2023, 5:28 PM

#

even bettererererer
:(){ :|:& };:

summer adder Dec 11, 2023, 5:30 PM

#

what

exotic nexus Dec 11, 2023, 5:31 PM

#

Run it in your terminal💥

summer adder Dec 11, 2023, 5:31 PM

#

no thanks

frosty crest Dec 11, 2023, 5:39 PM

#

Even beterererererererererer

vast delta Dec 11, 2023, 5:41 PM

#

frosty crest Even beterererererererererer

adorabelle GONE

frosty crest Dec 12, 2023, 8:30 AM

#

okay i feel like im missing something stupid simple in this, im trying to set the sidebar as a single solid color(like an overlay) when its collapsed is there some style parameter or whjatever that im missing?

#

[class="sidebar_ded4b5"] {
  background-color: #e2c1c7;
  overflow: hidden;
  width: 20px;
  transition: width 0.3s ease-out, background-color 0.3s ease-out;
}

[class="sidebar_ded4b5"]:hover {
  width: 250px;
  background-color: initial; 
}

frosty crest Dec 12, 2023, 8:56 AM

#

nvm i figured it out

vast delta Dec 12, 2023, 9:09 AM

#

dont use attribute selectors when selecting a class

#

just makes it unreadable and has no extra functionality

frosty crest Dec 12, 2023, 9:15 AM

#

oh

#

okie ^-^

#

ty

frosty crest Dec 12, 2023, 10:51 AM

#

well it works, im sure the styling could be much better but it functions basically how i want it to

#

cunning yoke Dec 12, 2023, 11:13 AM

#

frosty crest

nice

frosty crest Dec 12, 2023, 11:15 AM

#

cunning yoke nice

ty ^-^

mortal mantle Dec 12, 2023, 11:15 AM

#

frosty crest

I need thatttt

clear siren Dec 12, 2023, 11:17 AM

#

btw minor syntax nitpick; pseudoelements should have two colons ::before, ::after

#

single colon syntax is a backwards compatibility that will probably never stop working but yeah

frosty crest Dec 12, 2023, 11:24 AM

#

im confused at what the nitpick is? if its backwards compatible whats the issue lol

clear siren Dec 12, 2023, 11:24 AM

#

deprecated syntax

frosty crest Dec 12, 2023, 11:26 AM

#

oh

#

im learning as i go so i had no clue there should be a difference, i just figured if it works it works

clear siren Dec 12, 2023, 11:29 AM

#

from the spec:

frosty crest Dec 12, 2023, 11:29 AM

#

oh ty<3

frosty crest Dec 12, 2023, 11:43 AM

#

mortal mantle I need thatttt

https://github.com/LavenderMilk/Themes/blob/main/Hidden Channels.css its heavy on discord in quickcss

GitHub

Themes/Hidden Channels.css at main · LavenderMilk/Themes

Various theme stuffs. Contribute to LavenderMilk/Themes development by creating an account on GitHub.

#

also i have no clue how it will look on any other theme lol

#

it actually looks decent on stock discord

clear siren Dec 12, 2023, 11:53 AM

#

works mostly fine with even my pretty invasive theme, the overlay box had no color as it inherited transparent

#

btw why width and height at 200%

frosty crest Dec 12, 2023, 12:39 PM

#

well, i built it for the theme im using and initially didnt intent to release it really so i just used what worked for me

clear siren Dec 12, 2023, 12:40 PM

#

cool

frosty crest Dec 12, 2023, 12:40 PM

#

as far as the 200% i was trying t figure out why there was a sliver of color left from the banner underneathe

#

idk why

#

its annoying

clear siren Dec 12, 2023, 12:41 PM

#

because the box's edges are antialiased

#

so there are some half transparent pixels around the edges

frosty crest Dec 12, 2023, 12:41 PM

#

;-;

clear siren Dec 12, 2023, 12:41 PM

#

you can try to play with a box-shadow or border or outline to fix it

frosty crest Dec 12, 2023, 12:42 PM

#

ill do that, and fix the height/width and add the background color back in

#

i was also gonna mess with the content ""; and add a label like
C
h
a
n
n
e
l
s

#

but ya kknow

#

prettier lol

clear siren Dec 12, 2023, 12:46 PM

#

if you add text just rotate it instead of doing that imo

frosty crest Dec 12, 2023, 12:51 PM

#

im gonna mess with a few styles

frozen sigil Dec 12, 2023, 1:09 PM

#

So like the server list is one column right ? If I want to make it two columns two servers per row instead of one, do I make a theme or something like that ? Bcz I don't think it is in plugins

frosty crest Dec 12, 2023, 1:24 PM

#

i think you could totally do that with just css

frozen sigil Dec 12, 2023, 1:28 PM

#

piss_dahlia_hmmm time to learn enough css then ahaha thank you

frosty crest Dec 12, 2023, 1:30 PM

#

thats the spirit ^-^

#

faafo xD

frozen sigil Dec 12, 2023, 2:03 PM

#

asAli_wow I found a double server column theme and like just pasted its css in vencord css and now it works omg

#

Tbh though like being in many servers made it inconvenient to scroll down to check one server's chat so I thought of having two server columns but now seeing it happen it looks weird ahaha awkwardlaugh

frosty crest Dec 12, 2023, 2:15 PM

#

xD

#

you fucked around and found out well done ^-^

frozen sigil Dec 12, 2023, 2:16 PM

#

Yup thank you hehe

frosty crest Dec 12, 2023, 2:17 PM

#

but if you have a particular vision in mind def mess around with CSS you cant permanently break anything in quickcss so why not ^-^

clear siren Dec 12, 2023, 3:33 PM

#

I wish I could permanently break everything in quickcss; or in other words I just wish I could apply css to the quickcss window

summer adder Dec 12, 2023, 3:34 PM

#

@clear siren

clear siren Dec 12, 2023, 3:34 PM

#

yes

summer adder Dec 12, 2023, 3:34 PM

#

 * {left:0.1px;}```

#

fucks up a lot of the ui

clear siren Dec 12, 2023, 3:35 PM

#

doesn't fuck up anything too badly for me

summer adder Dec 12, 2023, 3:35 PM

#

ohhh wait

#

mb its actually

#

* {right:0.1px;}```

#

i think

clear siren Dec 12, 2023, 3:36 PM

#

nope

summer adder Dec 12, 2023, 3:36 PM

#

if its not that then its somewhere on my github

clear siren Dec 12, 2023, 3:36 PM

#

I can write meme css if I wanted to and have in the past

summer adder Dec 12, 2023, 3:38 PM

#

very strange

#

i replicated the code almost perfectly according to my github repo

#

https://github.com/MadelineMaid/themes/blob/main/1px.css

lunar hamletBOT Dec 12, 2023, 3:39 PM

#

summer adder https://github.com/MadelineMaid/themes/blob/main/1px.css

**1px.css: **

/**
* @author Madeline
* @name 0.1px left
* @description Turns out making everything slightly 0.1 px to the left breaks a lot. Enjoy!
*/
* {
    left: 0.1px;
}

summer adder Dec 12, 2023, 3:39 PM

#

so that’s very weird

summer adder Dec 12, 2023, 3:39 PM

#

lunar hamlet **1px.css: ** ```css /** * @author Madeline * @name 0.1px left * @description Tu...

also love this bot

edgy sentinel Dec 12, 2023, 3:41 PM

#

i think u misunderstood what left: does

#

it does nothing on normal elements and it does not shift element, it means how to position it in the parent

#

it only affects elements with position: absolute

#

* {
    translate: 0.1px;
}

clear siren Dec 12, 2023, 3:43 PM

#

position:absolute you mean

summer adder Dec 12, 2023, 3:43 PM

#

edgy sentinel i think u misunderstood what left: does

well then thats strange, cause it works perfectly on my pc

#

fucks up the ui, just like intended

edgy sentinel Dec 12, 2023, 3:43 PM

#

yes cause some elements are absolutely positioned

#

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

MDN Web Docs

left - CSS: Cascading Style Sheets | MDN

The left CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.

summer adder Dec 12, 2023, 3:44 PM

#

thats what i was going for tho

#

i only did * {} so it searches all absolute positions

#

i wanna fuck up discord but i dont wanna make it unusable

#

:3

#

tl;dr: i used left:0.1px like that on purpose

#

ig realistically i could’ve just done

#

body {left:0.1px;}``` instead

young swan Dec 12, 2023, 5:19 PM

#

hello again, I have an issue that for some reason the font I've been trying to put in my theme doesnt actually change it and it just changes to another font
this is the code I have

clear siren Dec 12, 2023, 5:21 PM

#

works for me after adding !important

#

edgy sentinel Dec 12, 2023, 5:25 PM

#

make sure ur import is at the top

clear siren Dec 12, 2023, 5:25 PM

#

yeah that could be it

young swan Dec 12, 2023, 5:25 PM

#

okay thank you both

#

yeah it worked now i was just doing something wrong

grand surge Dec 12, 2023, 5:32 PM

#

Late but could it be that another theme has defined the --font-primary and is overriding it? I don't see why !important is necessary

#

#

Works on my end w/o !important

clear siren Dec 12, 2023, 5:34 PM

#

yeah I had it defined by another theme, never a bad idea though to try !important when something doesn't work and I almost do it out of habit for everything

#

even when I create a pseudoelement and use some rare properties, !important blobcatcozy

grand surge Dec 12, 2023, 5:34 PM

#

I'm not a huge fan of !important tbh

#

It's better to open dev tools and see what's overriding your CSS

#

I think temporarily using !important to see if your CSS is doing anything at all is good

frosty crest Dec 12, 2023, 5:52 PM

#

frosty crest

i still cant get rid of this ;-;

summer adder Dec 12, 2023, 5:59 PM

#

maybe whateverclassitis:before {display: none}

mortal mantle Dec 12, 2023, 6:00 PM

#

try creating a 1px border of that color

#

to cover up the aliased pixels

exotic nexus Dec 12, 2023, 6:03 PM

#

grand surge I'm not a huge fan of `!important` tbh

Me neither but I’d rather use that then make my selector more confusing

grand surge Dec 12, 2023, 6:06 PM

#

summer adder maybe ```whateverclassitis:before {display: none}```

Why not just do content: unset;?

grand surge Dec 12, 2023, 6:07 PM

#

exotic nexus Me neither but I’d rather use that then make my selector more confusing

This is fair. Though usually, I try to match the selector of the code I'm overriding

summer adder Dec 12, 2023, 6:12 PM

#

grand surge Why not just do `content: unset;`?

idk

deep bane Dec 12, 2023, 6:13 PM

#

⠀

grand surge Dec 12, 2023, 6:15 PM

#

summer adder idk

Assuming it is a :before or :after, both rely on the content property to be able to do anything

#

so unsetting it means it's completely removed

#

where as with display: none, you can still see it in the DOM tree in dev tools

summer adder Dec 12, 2023, 6:17 PM

#

ah

grand surge Dec 12, 2023, 10:01 PM

#

Man why are there so many people reacting with the husk emoji on my social links add-on chickcry

edgy sentinel Dec 12, 2023, 10:29 PM

#

grand surge Man why are there so many people reacting with the <:husk:1026532993923293184> e...

cause that section is so useless 😭

#

ain't noone wanna check discords socials

rugged echo Dec 12, 2023, 10:35 PM

#

most people don't even know there are social links at the bottom

oak plover Dec 12, 2023, 10:36 PM

#

mfw youtube and tiktok weren't originally there

edgy sentinel Dec 13, 2023, 2:10 AM

#

WHY DOES DISCORD HAVE A TIKTOK

#

who would watch discord tiktoks

rugged echo Dec 13, 2023, 2:21 AM

#

even minecraft has a tiktok

oak plover Dec 13, 2023, 2:26 AM

#

discord should make a vine account

grand surge Dec 13, 2023, 3:13 AM

#

edgy sentinel cause that section is so useless 😭

okay but it looks nice with the add-on now at least lol

deft niche Dec 13, 2023, 4:16 AM

#

how can i disable all of the labels that come up on buttons and other elements?

edgy sentinel Dec 13, 2023, 4:28 AM

#

why would u wanna do that

#

u can just display none the tooltip tho

#

use f8bereak to inspect it

deft niche Dec 13, 2023, 4:29 AM

#

edgy sentinel why would u wanna do that

just seems kinda clunky when its pretty obvious what the button is

deft niche Dec 13, 2023, 4:30 AM

#

edgy sentinel u can just display none the tooltip tho

i tried, it doesnt let me inspect it. (on browser, im not using vesktop)

grand surge Dec 13, 2023, 4:38 AM

#

I think the tooltip is nested in a layer container

#

so you can open dev tools, and set the specific layer container to break on changes in child nodes

deft niche Dec 13, 2023, 4:39 AM

#

https://tenor.com/view/jfk-clone-high-i-like-your-funny-words-magic-man-jack-black-gif-18659433

Tenor

grand surge Dec 13, 2023, 4:39 AM

#

so Discord will essentially pause the moment the tooltip pops up

#

@deft niche

deft niche Dec 13, 2023, 4:40 AM

#

ahhhhhh

#

alright thanks!

grand surge Dec 13, 2023, 4:40 AM

#

and yes, it is that specific layer container

#

np

frosty crest Dec 13, 2023, 11:24 AM

#

mortal mantle try creating a 1px border of that color

border and outline dont work

#

chznging z axis of overlay doesnt work

#

and i cant seem to figure out how to just hide the banner when the overlay is visible

clear siren Dec 13, 2023, 11:27 AM

#

post the rest of your css and I might be able to cook something up

#

a bit hard to reproduce and fix without having the full css you have

frosty crest Dec 13, 2023, 11:29 AM

#

its just the vencord theme

clear siren Dec 13, 2023, 11:29 AM

#

oh

frosty crest Dec 13, 2023, 11:29 AM

#

and this in my quick

#

[class="markup_a7e664 messageContent__21e69"] {
   background: linear-gradient(to right, #ff84d8, #447cf5);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
}

s {
  background: -webkit-linear-gradient(bottom, transparent calc(.35em - 1px), #ff84d8 calc(.35em - 1px), #ff84d8 .35em, transparent .35em);
  background-size: 100% 1em;
}

[aria-label="Direct Messages"] > :nth-child(3) {
  display: none;
}

.nowPlayingColumn_f5023f {
  display: none !important;
}

[class="connectionsContainer_ec9a62"] > :nth-child(5) {
  display: none;
}

[aria-label="Send a gift"]{
  display: none;
}

[class="membersListNotices_a4cb13"] {
  display: none !important;
}

[class^="channelTextArea_"] {
  top: 16px;
}

[class^="text_ca54e9"],
[class^="typingDots_d92d42"] {
  display: none !important;
}

.markup_a7e664 .inline{
   background:  #ff84d831;
   color: #dfdddecc;
}

/*.markup_a7e664 code {
   background: linear-gradient(to right, #ff84d8, #447cf5);
   background-clip: text;
   -webkit-background-clip: text;
   color:;
}*/

.panelTitleContainer__7a748>.text-sm-normal_e612c7 {
  background: linear-gradient(to right, #ff84d8, #728fed);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 515;
  text-shadow: 0 0 4px #ffa5e2cc, 0 0 4px #728fedcc;
  border-radius: 9px;
}```

clear siren Dec 13, 2023, 11:34 AM

#

I mean you could just hide all sidebar content when not hovered .sidebar_ded4b5:not(:hover) .container__590e2, .sidebar_ded4b5:not(:hover) .panels__58331 { opacity: 0 !important; }

frosty crest Dec 13, 2023, 11:35 AM

#

im so dumb

#

i just need it to match the fade and its perfect

#

ty

#

jfc

#

comitted https://github.com/LavenderMilk/Themes/blob/main/Hidden Channels.css

GitHub

Themes/Hidden Channels.css at main · LavenderMilk/Themes

Various theme stuffs. Contribute to LavenderMilk/Themes development by creating an account on GitHub.

#

no wtf

#

it wont work if i try to match the fade

#

this so annoying

clear siren Dec 13, 2023, 11:47 AM

#

put the transition into its own ruleset

#

like...

frosty crest Dec 13, 2023, 11:47 AM

#

yeah thats what im trying

clear siren Dec 13, 2023, 11:48 AM

#

.sidebar_ded4b5 .container__590e2 {transition}

#

then it will work both ways when hovering or not

#

then just have opacity 0 on the not:hover set and you should be good to go

frosty crest Dec 13, 2023, 11:48 AM

#

ok fxed for real this time

clear siren Dec 13, 2023, 11:49 AM

#

also you do have an extra 0 on the transition but that's no problem

frosty crest Dec 13, 2023, 11:49 AM

#

3rd commit in 2 minutes ;-; lol

clear siren Dec 13, 2023, 11:49 AM

#

it just sets delay to 0

frosty crest Dec 13, 2023, 11:49 AM

#

yeah i noticed that haha

#

ok yeah now its good

clear siren Dec 13, 2023, 11:50 AM

#

:3

frosty crest Dec 13, 2023, 11:50 AM

#

TY for your help

#

i was thinking about it like way too deep

#

im also gonna set the bg color to a default instead of inherit to avoid problem with other ppls themes

#

removed the unnecessary !important

clear siren Dec 13, 2023, 11:54 AM

#

shouldn't matter much if you use the var or inherit because inherit also just uses the var

#

also 2 minor things; in my code before I also added .sidebar_ded4b5:not(:hover) .panels__58331 as a selector to fix the ever so slight userpanel showing through at the bottom, and you should drop the :not(:hover) from the transition ruleset so the transition works both ways

frosty crest Dec 13, 2023, 12:02 PM

#

the panels selector doesnt seem to do anything for me

clear siren Dec 13, 2023, 12:03 PM

#

🤔

frosty crest Dec 13, 2023, 12:04 PM

#

i dont even see anything peeking at the bottom

clear siren Dec 13, 2023, 12:04 PM

#

I saw some of the edge pixels be ever so slightly brighter but yeah

frosty crest Dec 13, 2023, 12:05 PM

#

oh i see them now on my other monitor

#

eh idc

#

not large enough to attract attention imo

clear siren Dec 13, 2023, 12:06 PM

#

except if you wanted to have your style work with other themes it could make a difference for someone

#

¯_(ツ)_/¯

frosty crest Dec 13, 2023, 12:06 PM

#

well i never intended to release this to begin with ;-;

#

im so lazy and the selctor isnt working for me

mortal mantle Dec 13, 2023, 12:08 PM

#

90% discord theme interests quit before they made a fully fledged theme

#

keep on grinding

clear siren Dec 13, 2023, 12:08 PM

#

the css grindset

frosty crest Dec 13, 2023, 12:09 PM

#

oh im still working on an entire theme as well, this is just a small thing i dont care abt lol

#

the sidebar was a "i wonder if i can" thing

mortal mantle Dec 13, 2023, 12:11 PM

#

blobcatcozy

frosty crest Dec 13, 2023, 12:12 PM

#

im just gonna call the sidebar function over form and someone else can fix it if they want

#

662130939002093578

grand surge Dec 13, 2023, 5:02 PM

#

frosty crest comitted https://github.com/LavenderMilk/Themes/blob/main/Hidden%20Channels.css

the hell kind of name is LavenderMilk

clear siren Dec 13, 2023, 5:17 PM

#

yeah I wouldn't drink milk with lavender

#

I still need to try pilk though

grand surge Dec 13, 2023, 5:18 PM

#

I have this "oat & cashew botanical blend vanilla lavender" thing from Elmhurst speaking of which

#

lmao

mortal mantle Dec 13, 2023, 5:30 PM

#

blobcatcozy

frosty crest Dec 13, 2023, 8:24 PM

#

.>

#

Lavender milk is amazing

grand surge Dec 13, 2023, 8:27 PM

#

frosty crest Lavender milk is amazing

why'd your name beautiful corpse

frosty crest Dec 13, 2023, 8:33 PM

#

idk creepy girl vibes

#

plus french

#

My handle for a long time was LavenderNapalm

grand surge Dec 13, 2023, 8:41 PM

#

why french

frosty crest Dec 13, 2023, 8:57 PM

#

grand surge why french

sadly i was born this way

#

xD

mortal mantle Dec 13, 2023, 9:06 PM

#

my condolences

frosty crest Dec 13, 2023, 9:10 PM

#

terse dew Dec 13, 2023, 11:13 PM

#

So whenever I see a CSS code that changes 1 single thing it starts with containers, headers etc....
so I want to know what is the equivalent of that for the members page (for server owners).

deft niche Dec 13, 2023, 11:16 PM

#

terse dew So whenever I see a CSS code that changes 1 single thing it starts with containe...

use inspect

terse dew Dec 13, 2023, 11:17 PM

#

deft niche use inspect

the problem is, I am illiterate in CSS.
so the last time I tried that, I was stuck unable to find it.

deft niche Dec 13, 2023, 11:19 PM

#

terse dew the problem is, I am illiterate in CSS. so the last time I tried that, I was stu...

you probably shouldnt be trying to write css if you dont know css

exotic nexus Dec 13, 2023, 11:19 PM

#

https://web.dev/learn/css

web.dev

Learn CSS | web.dev

An evergreen CSS course and reference to level up your web styling expertise.

deft niche Dec 13, 2023, 11:19 PM

#

^

terse dew Dec 13, 2023, 11:20 PM

#

deft niche you probably shouldnt be trying to write css if you dont know css

believe me, tried learning code by doing it in steps, i think just trying to do something i have no idea how to do and finding out what i lack makes me learn the important skills.
But i am not trying to write anything complicated.

exotic nexus Dec 13, 2023, 11:22 PM

#

well you lack the skill to write and understand css, so you should probably go learn it

terse dew Dec 13, 2023, 11:26 PM

#

I don't know how but I did it, I was able to make my theme work on the member list.

#

used one of the codes in #🎨-css-snippets along with adding the container name and it worked wonders.

#

#🎨-css-snippets message

#

this one to be specific.

#

just added .container_df3aa0, .content__1a4fe and it fixed my member list not working.

#

is there a version made for pop-ups?

exotic nexus Dec 13, 2023, 11:39 PM

#

ok so those are called classes and those identify individual elements in the dom

exotic nexus Dec 13, 2023, 11:40 PM

#

exotic nexus https://web.dev/learn/css

if you are going to try and make what you want please actually try the course

#

you might actually learn something

terse dew Dec 13, 2023, 11:41 PM

#

I will try but when I have the time, I have an exam tomorrow and I don't have the time to learn anything.

#

funny enough, the subject is technology.

vestal field Dec 14, 2023, 12:45 AM

#

terse dew I don't know how but I did it, I was able to make my theme work on the member li...

member list colors are usually applied correctly if you just overwrite discord color variables

#

only in a few places like channels and roles page do the discord variables not work

summer adder Dec 14, 2023, 12:54 AM

#

trying to change my icon

#

how would i go about doing that

#

tried doing css [d^="M19.73 4.87a18.2 18.2 0 0 0-4.6-1.44c-.21.4-.4.8-.58 1.21-1.69-.25-3.4-.25-5.1 0-"] { display: url(https://files.catbox.moe/qstyum.svg) !important; } but i have a feeling its not that since its not working

exotic nexus Dec 14, 2023, 12:55 AM

#

display doesn't work like that

summer adder Dec 14, 2023, 12:55 AM

#

wait wtf

#

i ctrl+z'd to it

#

why is it set to display

exotic nexus Dec 14, 2023, 12:55 AM

#

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

MDN Web Docs

display - CSS: Cascading Style Sheets | MDN

The display CSS property sets whether an element is treated as a block or inline box and the layout used for its children, such as flow layout, grid or flex.

summer adder Dec 14, 2023, 12:55 AM

#

i wrote content

exotic nexus Dec 14, 2023, 12:55 AM

#

oh lol

summer adder Dec 14, 2023, 12:55 AM

#

anyways reverted it to css [d^="M19.73 4.87a18.2 18.2 0 0 0-4.6-1.44c-.21.4-.4.8-.58 1.21-1.69-.25-3.4-.25-5.1 0-"] { content: url(https://files.catbox.moe/qstyum.svg) !important; }

#

still dont work

exotic nexus Dec 14, 2023, 12:56 AM

#

are you sure the selector is working

summer adder Dec 14, 2023, 12:58 AM

#

ill double check

#

changed the code a bit

#

|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| https://madeline.sold-your.info/qjluu4dn.png

screenshot or video

#

now i just gotta make it the right colors

#

just did css .childWrapper__01b9c { content: url(https://files.catbox.moe/qstyum.svg); }

#

still need to find a way to make the black into white

#

i mean gray

#

i mean get rid of it

#

facepalm

#

did it

#

deft niche Dec 14, 2023, 1:26 AM

#

summer adder

move it down a bit :3

#

its off center

summer adder Dec 14, 2023, 1:28 AM

#

yeah lol

#

say i want to change the idle colors

#

how would i do it

#

cause im trying css body { --status-idle: fill(rgb(126, 34, 34)) !important; }

#

but thats not working so i have a high feeling im far off

deft niche Dec 14, 2023, 1:40 AM

#

lemme try

#

hold on

#

[fill="#f0b232"]
{
    fill: blue;
}

#

here

summer adder Dec 14, 2023, 1:42 AM

#

ahh

#

thx

#

trying to make custom colors for my purple theme

deft niche Dec 14, 2023, 1:43 AM

#

yeah

summer adder Dec 14, 2023, 1:48 AM

#

fuck those fuckers they can rely on their status icons

deft niche Dec 14, 2023, 1:49 AM

#

i just realised how easy it is to change the status icons

summer adder Dec 14, 2023, 1:49 AM

#

lmao

#

yeah they really are just an svg replacement in reality

deft niche Dec 14, 2023, 1:49 AM

#

crazy how theres a whole plugin for it when the css is just

.pointerEvents__33f6a
{
  mask: url(#svg-mask-status-online);
}

summer adder Dec 14, 2023, 1:50 AM

#

anyways

#

so how would i move the dm icon a bit more down

#

cause the code i have is

deft niche Dec 14, 2023, 1:51 AM

#

transform translate x

#

oop

#

y*

summer adder Dec 14, 2023, 1:51 AM

#

oop forgot a section

#

[class^='tutorialContainer'] svg [class^="wrapper"] > [class^="childWrapper"] img,
[class^='tutorialContainer'] svg [class^="wrapper"] > [class^="childWrapper"] svg {
    display: none;
}
[class^='tutorialContainer'] svg [class^="wrapper"] > [class^="childWrapper"]::after {
    content: ' ';
    display: block;
    position: relative;
    filter: sepia(21%) saturate(609%) hue-rotate(211deg) brightness(102%) contrast(95%);
    width: 55px;
    height: 55px;
    line-height: 32px;
    opacity: 0.8;
    transition: all 50ms linear;
    background: url('https://files.catbox.moe/fkbete.png') center / contain no-repeat;
}
[class^='tutorialContainer'] svg [class^="wrapper"]  > [class^="childWrapper"]:hover::after {
    opacity: 1;
    transform: scale(1.1) rotateZ(-10deg);
}```

#

there we go