#🎨-theme-development | libVencore | Page 5

oblique night Sep 2, 2023, 7:38 PM

#

Is it possible to make new servers show up at the end of the server list rather than the start?

safe python Sep 2, 2023, 7:40 PM

#

not with css

#

probably not at all

edgy sentinel Sep 2, 2023, 8:05 PM

#

safe python not with css

wrong

#

give all existing servers an order of 1 sorrykirino

#

if just flex reverse the guild list

mortal mantle Sep 3, 2023, 3:33 AM

#

gilded cloak Sep 3, 2023, 5:07 AM

#

Css is the best language

oak plover Sep 3, 2023, 12:28 PM

#

he’s got a True

vast delta Sep 3, 2023, 6:15 PM

#

gilded cloak Css is the best language

IT IS

#

It's so cool and useful

mortal mantle Sep 3, 2023, 6:16 PM

#

Fr

glossy aurora Sep 3, 2023, 6:44 PM

#

css stands for cool scenic scripting

gilded cloak Sep 3, 2023, 6:58 PM

#

Css stands for counter strike stylesheets

rugged echo Sep 3, 2023, 7:09 PM

#

counter strike source

glossy aurora Sep 4, 2023, 1:37 AM

#

computer, start shigging

mortal mantle Sep 4, 2023, 3:09 AM

#

I have no idea what to do next with my current layout

#

running out of ideas already

hazy lintel Sep 4, 2023, 3:59 AM

#

css block for blurring all images in chat

    filter:blur(20px);
}
img:hover
{
    filter:blur(0px);
}
.mediaAttachmentsContainer-1WGRWy, .nonMediaAttachmentsContainer-3s1dgm {
filter:blur(50px);
}
.wrapper-2PSQCG[img],.originalLink-Azwuo9[img],.wrapper-3kah-n[img]{
    filter:blur(0px);
    border-radius:50%
}

.embedImage-2Ynqkh, .embedThumbnail-2nTasl, .embedVideo-2ixt5A
{
 filter:blur(50px);
}
.container-2sjPya[img] {
filter:blur(50px);
}
.clickable-LksVCf[img] {
filter:blur(20px);
}
element.style {
filter:blur(0px);
}
.chat-2ZfjoI.container-ZMc96U[img] {
    filter:blur(20px);
}

.contents-2MsGLg[img] {
    filter:blur(50px);
}
video{
filter:blur(50px);
}
video:hover{
filter:blur(0px);
}```

dark dragon Sep 4, 2023, 4:52 AM

#

That's not how you use |=, it searches for your that attribute followed by a hyphen. You'd just need this [id|="imageContainer"]

#

Also img isn't an attribute but a element, I'm not sure what you're doing there

#

Try just this

.imageWrapper-oMkQl4 {
    filter: blur(5px);
}

.imageWrapper-oMkQl4:hover {
    filter: unset;
}

slim pond Sep 4, 2023, 12:16 PM

#

maybe make everything like 1 or 2 px smaller

#

and try making the icons smaller than the text, see how it looks

#

Also, ik this is a plugin, but I want some opinions on the UI I've been working on from a design standpoint

glossy aurora Sep 4, 2023, 12:24 PM

#

looks like the android theme selector kinda

slim pond Sep 4, 2023, 12:24 PM

#

#🎨-css-snippets message where did these percentages come from

slim pond Sep 4, 2023, 12:24 PM

#

glossy aurora looks like the android theme selector kinda

it was the best way to incorporate many (up to 4) colors

#

I also took the design from Discord's appearance settings

#

robust totem Sep 4, 2023, 1:37 PM

#

dark dragon Try just this ```css .imageWrapper-oMkQl4 { filter: blur(5px); } .imageWra...

Even shorter with :not(:hover)

dark dragon Sep 4, 2023, 1:54 PM

#

How are psuedo class selectors evaluated though? If it searches for :not(:hover) first that'd be a bot worrying

safe python Sep 4, 2023, 1:57 PM

#

that would be stupid

#

and also probably answered by a google search

dark dragon Sep 4, 2023, 2:00 PM

#

I had a quick look but I only found a stackoverflow post with 1 answer and no source. The answer does say that the regular selectors come before the psuedo class selectors though, so here's hoping

torpid void Sep 4, 2023, 5:26 PM

#

anyone know how to make those things not look bad on mac

edgy sentinel Sep 4, 2023, 5:34 PM

#

step 1: switch to Linux

torpid void Sep 4, 2023, 5:35 PM

#

its my school computer

#

i cannot

rugged echo Sep 4, 2023, 6:03 PM

#

step 2: buy a new computer trolley

vast delta Sep 4, 2023, 6:09 PM

#

i once asked in the clearvision discord how to remove the circle behind the avatar that would mess up the theme all the time because it "couldnt be moved" and they said it was impossible and that they had already tried doing it. this is what it took css .bannerSVGWrapper-2CLfzN>mask>circle {display: none;}

teal cave Sep 4, 2023, 6:14 PM

#

gigabran

vast delta Sep 4, 2023, 6:41 PM

#

tessie w

torn templeBOT Sep 4, 2023, 6:41 PM

#

vast delta tessie w

shiggy

teal cave Sep 4, 2023, 6:41 PM

#

doing anything in scss is pain compared to doing it in any other language

vast delta Sep 4, 2023, 6:42 PM

#

no idea how all that works, i just do css and thats it haha

teal cave Sep 4, 2023, 6:42 PM

#

it's like python syntax but with brain damage

slim pond Sep 4, 2023, 6:43 PM

#

you have my interest, vee

torpid void Sep 4, 2023, 6:43 PM

#

rugged echo step 2: buy a new computer <:trolley:1024751352028602449>

i have 3 computers but i wanna use discord at school

#

||during school||

teal cave Sep 4, 2023, 6:49 PM

#

why do lists start from 1 instead of 0

#

who decided this

rugged echo Sep 4, 2023, 6:59 PM

#

vast delta i once asked in the clearvision discord how to remove the circle behind the avat...

its not impossible, I did it with some code I had saved from somewhere, I think from dablulite or something on the bd server

/* background behind the avatar */
.bannerSVGWrapper-2CLfzN circle {
    cx: 50%;
}

it has some bugs in some parts

rugged echo Sep 4, 2023, 7:00 PM

#

torpid void ||during school||

so good, instead of paying attention blobcatcozy

rugged echo Sep 4, 2023, 7:01 PM

#

rugged echo its not impossible, I did it with some code I had saved from somewhere, I think ...

also this is the full thing if someone wants https://zeylogger.github.io/snippets/centeredprofiles.css

vast delta Sep 4, 2023, 7:03 PM

#

rugged echo its not impossible, I did it with some code I had saved from somewhere, I think ...

i sent you one part of like 100 lines cutie, of course its not gonna look right

#

the circle is supposed to be gone

#

oh im stupid lol

rugged echo Sep 4, 2023, 7:05 PM

#

wait now I am confused too

#

oh its the same thing but removed

vast delta Sep 4, 2023, 7:10 PM

#

hahaha

#

anyways, i've been updating my radialstatus snippet and i now added the profile popout to it, i might even add the full profile to it as well

#

rugged echo Sep 4, 2023, 7:12 PM

#

are you recreating radial status or something?

vast delta Sep 4, 2023, 7:23 PM

#

i already had

#

but only for chat and side bar

#

also, its more efficient, easier to read and has more, useful variables

#

(and still gets updated husk )

rugged echo Sep 4, 2023, 7:25 PM

#

the original still works, has like some bugs i guess, but yeah not very good when you look at the source

vast delta Sep 4, 2023, 7:30 PM

#

"some bugs" like the entire functionality of the snippet not working

rugged echo Sep 4, 2023, 7:35 PM

#

idk I just saw like 2 or 3

vast delta Sep 4, 2023, 7:35 PM

#

ive spent some time with that radialstatus thing and let me tell you

#

A: If a user is online with their phone, they are ALWAYS shown with Green

#

B: Every user that is offline is shown as online

#

C: The little phone looks bad and is badly positioned

#

D: As you already mentioned, the entire snippet is badly optimized and hard to understand/fix

rugged echo Sep 4, 2023, 7:38 PM

#

yeah the first one its like a variable or whatever, kinda lazy

idk about the second one but the rest its true

vast delta Sep 4, 2023, 7:39 PM

#

and now i present you, radialstatus v2 css @import url(//raw.githubusercontent.com/xdcoolesding/shiggycord/v2/Files/Radialstatus.css); :root { --rs-online-color: #43b581; /* default: #43b581 */ --rs-idle-color: #faa61a; /* default: #faa61a */ --rs-dnd-color: #f04747; /* default: #f04747 */ --rs-offline-color: #636b75; /* default: #636b75 */ --rs-streaming-color: #643da7; /* default: #643da7 */ --rs-bot-color: #5865f2; /* default: #5865f2 */ --rs-spacer-color: transparent; /* default: transparent*/ --rs-small-size: 0.85; /* default: 0.85 */ --rs-small-roundness: 100%; /* default: 100% */ --rs-small-thickness: 2.5px; /* default: 2.5px */ --rs-small-glow: 0px; /* default: 0px */ --rs-small-spacing: 4px; /* default: 4px */ --rs-medium-size: 1; /* default: 1 */ --rs-medium-roundness: 100%; /* default: 100% */ --rs-medium-thickness: 2.5px; /* default: 2.5px */ --rs-medium-glow: 0px; /* default: 0px */ --rs-medium-spacing: 4px; /* default: 4px */ --rs-large-size: 1; /* default: 1 */ --rs-large-roundness: 100%; /* default: 100% */ --rs-large-thickness: 2.5px; /* default: 2.5px */ --rs-large-glow: 0px; /* default: 0px */ --rs-large-spacing: 4px; /* default: 4px */ }

#

try this beauty

#

it 100% works without any themes installed, if you have an issue, tell me about it

#

yes ill post it in css snippets in a bit

#

but first let me advertise for it

#

Now, the INNOVATING technology that radialstatus V2 is based on is way different and way more modern, instead of changing random, preexisting circles to fit them around the avatar, I (with a little starting help by Aoi) have made this snippet with the BOX-SHADOW property, which is MADE to make a shadow around the avatar

#

well, around stuff

#

i also added tons more variables, like bot color (because bots are not acknowledged as their own type) and a glow effect for the ring, which makes it look pretty, though it might look a little weird with a spacing above 0, i would always recommend changing that to 0 if you put a glow in

#

okay, enough of that, how do you like it zey?

rugged echo Sep 4, 2023, 7:46 PM

#

I mean its pretty cool that it uses a simple thing like box shadow, looks nice with glow

from what I see it shows offline in chat, maybe because I removed platform indicators, and idk whats this that shows in my profile and some others, but seems to work

#

what the hell the code its short

vast delta Sep 4, 2023, 7:48 PM

#

rugged echo I mean its pretty cool that it uses a simple thing like box shadow, looks nice w...

you ALWAYS need platform indicators, sorry i forgot to say that

#

it hides them though

vast delta Sep 4, 2023, 7:51 PM

#

rugged echo what the hell the code its short

IKR haha

vast delta Sep 4, 2023, 7:54 PM

#

rugged echo I mean its pretty cool that it uses a simple thing like box shadow, looks nice w...

should be fixed

rugged echo Sep 4, 2023, 7:55 PM

#

oh I guess platform indicators are also the reason bots show as online, but anyways

vast delta Sep 4, 2023, 7:55 PM

#

rugged echo oh I guess platform indicators are also the reason bots show as online, but anyw...

definitely turn them on, i'll actually make a variable to turn platformindicators off an on

#

but yeah, for some things i needed to refer to the platformindicator symbol because there was nothing to identify the state on

#

because discord, in their only time they shined, actually made most places the profile picture appears in with a tag saying "Name, Status"

#

so for example i have aria-label="coolesding, Idle" on me right now

#

thats also what i use almost all the time

#

as you can also see, i ignored the streaming thing because no one streams so i cant really work with it

rugged echo Sep 4, 2023, 7:58 PM

#

I don't know if there is a better way to do that, but I have seen that aria label

rugged echo Sep 4, 2023, 7:58 PM

#

vast delta as you can also see, i ignored the streaming thing because no one streams so i c...

what thing? the status?

vast delta Sep 4, 2023, 7:58 PM

#

rugged echo what thing? the status?

yeah the streaming status has its own colour but no one streams :(

rugged echo Sep 4, 2023, 7:59 PM

#

true, it doesn't appear all the time

#

the bots still show as online, but whatever

vast delta Sep 4, 2023, 8:03 PM

#

wait

#

you also need moreusertags i guess

#

because i identifry bots by their user tag

#

because again, there is no better way to do that

#

the tag i use on other users is just online for bots

rugged echo Sep 4, 2023, 8:05 PM

#

I thought discord already had some way to distinguish bots from users

vast delta Sep 4, 2023, 8:06 PM

#

rugged echo I thought discord already had some way to distinguish bots from users

not for css i guess

#

there might be somewhere but i did it like that and it works

rugged echo Sep 4, 2023, 8:08 PM

#

well I have no problem with just bots, but I say it because of some data-tag I saw on the code, I guess thats part of the plugin

vast delta Sep 4, 2023, 8:11 PM

#

rugged echo well I have no problem with just bots, but I say it because of some data-tag I s...

yeah data-tag is that plugin

flat shuttle Sep 4, 2023, 10:17 PM

#

dashless w/ some fixes for threads and invisible channel mentions
(i can't post in #🎨-css-snippets so i'm posting it here)

[data-list-item-id^="channels___"][role="link"], /* channel list */
.children-3xh0VB:not(:has(path + path)) .title-17SveM, /* channel top bar title */
x.channelWithIcon:not(:has(path + path)), /* channel mentions in chat */
.channelNameContainer-4pFmC-:not(:has(.parentChannelNameClickable-YXl967)) .channelNameText-2q3Lge, /* channel search results */
.parentChannelNameText-3kDeNS, /* thread search results */
.autocompleteRowHeading-3EcwU6 /* text channels matching # */
{
    font-family: "Dashless", var(--font-primary);
}

hazy lintel Sep 4, 2023, 11:45 PM

#

dark dragon Try just this ```css .imageWrapper-oMkQl4 { filter: blur(5px); } .imageWra...

thank you for this! 😍

alpine cove Sep 5, 2023, 3:09 AM

#

pro css tip use // terminated with a ; for comments

#

invalid syntax is simply ignored thumbsup

edgy sentinel Sep 5, 2023, 3:25 AM

#

uniornically viable

#

because if you use /* ONCE then you cannot comment out that entire block anymore

#

its so stupid

rugged echo Sep 5, 2023, 3:40 AM

#

uh? I don't get it, aren't you supposed to do */

dark dragon Sep 5, 2023, 3:47 AM

#

He's saying that you can't have comments within comments doing it that way. If you highlight a block with a comment in it and try to comment that block out the space between the end of the original comment and the end of the block will be uncommented

raw galleon Sep 5, 2023, 3:50 AM

#

does anyone have a css snippets or urls for getting plumpy icon pack in vencord?

rugged echo Sep 5, 2023, 4:06 AM

#

dark dragon He's saying that you can't have comments within comments doing it that way. If y...

oh I think that happened to me one time

raw galleon Sep 5, 2023, 4:14 AM

#

raw galleon does anyone have a css snippets or urls for getting [plumpy icon pack](https://g...

Looks like no one converted it yet?

edgy sentinel Sep 5, 2023, 4:15 AM

#

raw galleon does anyone have a css snippets or urls for getting [plumpy icon pack](https://g...

force @tame shore @graceful vapor to make

raw galleon Sep 5, 2023, 4:15 AM

#

kek

mortal mantle Sep 5, 2023, 7:09 AM

#

raw galleon does anyone have a css snippets or urls for getting [plumpy icon pack](https://g...

i just realised whatever css I currently have matches your request lol

raw galleon Sep 5, 2023, 7:10 AM

#

Glad you like it :3

raw galleon Sep 5, 2023, 7:11 AM

#

mortal mantle i just realised whatever css I currently have matches your request lol

:0

mortal mantle Sep 5, 2023, 7:13 AM

#

.contents-2MsGLg .avatar-2e8lTP {
border-radius: 25% }

#

for the avatars

#

#🎨-css-snippets message for chat bubbles

dark dragon Sep 5, 2023, 8:26 AM

#

Was it not more about the icons?

mortal mantle Sep 5, 2023, 8:27 AM

#

According to the images from that github

#

chat bubbles and square avatars

dark dragon Sep 5, 2023, 8:28 AM

#

That seems to be flowercord. They were asking about specifically the icon pack for it I think, if you look at the image under the Plumpy heading it's got non-standard icons

stuck plinth Sep 5, 2023, 8:28 AM

#

mortal mantle https://discord.com/channels/1015060230222131221/1028106818368589824/11331632517...

im still using an old version of this with borders

mortal mantle Sep 5, 2023, 8:30 AM

#

dark dragon That seems to be flowercord. They were asking about specifically the icon pack f...

Oh I see now

#

Totally missed out on the new icons

dark dragon Sep 5, 2023, 8:31 AM

#

I didn't notice it when I first looked at it either, it took me far longer than it should have considering they said icon pack

#

I was trying to figure out why there was 3 sets of the same images

mortal mantle Sep 5, 2023, 11:26 AM

#

I find it funny that for the chat messages statuses, the last platform indicator will be prioritized

#

so that if a user is online on pc but idle on phone for some reason, it will show up as yellow instead

vast delta Sep 5, 2023, 4:28 PM

#

yeah idle gets put over online because people on phone are called "Online On Mobile"

#

and when im filtering for the world "Online" that just makes it worse if i dont prioritize over online

mortal mantle Sep 5, 2023, 4:42 PM

#

I don't get why Online on mobile has to be a separate status

vast delta Sep 5, 2023, 4:43 PM

#

mortal mantle I don't get why Online on mobile has to be a separate status

i dont get why it has to include the tag "Online"

#

call it "Mobile"

#

imagine, the tag would say "Idle" "On Mobile" so it would fit together with each status

#

but discord employees arent that intelligent

mortal mantle Sep 5, 2023, 4:44 PM

#

https://cdn.discordapp.com/emojis/586015511930732545.webp?size=48

#

#

this selector looks so wild

safe python Sep 5, 2023, 4:47 PM

#

bd jumpscare

vast delta Sep 5, 2023, 4:47 PM

#

hi i changed my github name to coolesding so if you use my imports you will have to change from xdCoolesding to coolesding

mortal mantle Sep 5, 2023, 4:47 PM

#

But I don't

#

trolley

vast delta Sep 5, 2023, 4:48 PM

#

my eternal quest to save single bytes in css trolley

#

https://github.com/Yeetov/USRPFP-Reborn/commit/73dc64ec311289495b6e0f4b9113b7af26b1e756

GitHub

cant. help. optimization. (literally just made it like 8 characters...

…horter, dont need to pr this

#

also might have broken it (HOW AM I TO KNOW BD SUCKS SO MUCH THEY DONT SUPPORT //)

mortal mantle Sep 5, 2023, 4:51 PM

#

Why remove the https

#

you monster

vast delta Sep 5, 2023, 4:57 PM

#

because

#

it

#

is

#

LESS BYTES

#

i have 9 different imports active right now and they all save 6 bytes without the https:

mortal mantle Sep 5, 2023, 4:58 PM

#

you can't Ctrl click on the link

vast delta Sep 5, 2023, 4:58 PM

#

its literally 54 bytes less memory

mortal mantle Sep 5, 2023, 4:58 PM

#

vast delta i have 9 different imports active right now and they all save 6 bytes without th...

That's your issue

vast delta Sep 5, 2023, 4:58 PM

#

mortal mantle you can't Ctrl click on the link

i own the rep, its the first thing i see when opening github

mortal mantle Sep 5, 2023, 4:58 PM

#

import less

vast delta Sep 5, 2023, 4:59 PM

#

should i export?

mortal mantle Sep 5, 2023, 4:59 PM

#

just copy paste the code into your css

vast delta Sep 5, 2023, 5:00 PM

#

my quickcss after doing that: https://github.com/mwittrien/BetterDiscordAddons/blob/master/Library/_res/0BDFDB.raw.css

GitHub

BetterDiscordAddons/Library/_res/0BDFDB.raw.css at master · mwittri...

A series of plugins and themes for BetterDiscord. Contribute to mwittrien/BetterDiscordAddons development by creating an account on GitHub.

mortal mantle Sep 5, 2023, 5:11 PM

#

Beautiful

vast delta Sep 5, 2023, 5:11 PM

#

i might actually make a reworked version of settingsmodal that isnt shit lol

mortal mantle Sep 5, 2023, 5:12 PM

#

What modal

vast delta Sep 5, 2023, 5:12 PM

#

that makes the settings a little window instead of a whole new page

#

also, the settingsmodal snippet doesnt work on vesktop so another reason to make it

#

actually, brb ima make it

mortal mantle Sep 5, 2023, 5:13 PM

#

Ah

#

Mine still works fine

#

As long as I don't use profile themes

vast delta Sep 5, 2023, 5:20 PM

#

lmao devilbro is a genius

#

wait what it is correct on github but if i copy it it breaks

#

husk

vast delta Sep 5, 2023, 5:42 PM

#

lol done trolley

brittle juniper Sep 5, 2023, 6:21 PM

#

mortal mantle I find it funny that for the chat messages statuses, the last platform indicator...

that looks so pretty i need this

mortal mantle Sep 5, 2023, 6:28 PM

#

#🎨-css-snippets message

#

you might wanna add border-radius: 25% to the first selector

vast delta Sep 5, 2023, 6:52 PM

#

how do i call the (here highlighted darker) edge around the settings window?

#

wait i just noticed its not centered OMG IM GONNA DIE

#

fixed

vast delta Sep 5, 2023, 7:01 PM

#

vast delta how do i call the (here highlighted darker) edge around the settings window?

i really need help naming my variables lmao

#

this sounds so ugly

#

my idea is a short "tag" for the snippet it is for, for example for the oneko snippets i have "oneko-" and id like to have that for my settingsmodal snippet as well, maybe "sm-"? that would be unintuitive though i think

#

i have rs- for radialstatus but that one actually works imo

rugged echo Sep 5, 2023, 8:52 PM

#

FloatingModal or whatever

mortal mantle Sep 5, 2023, 11:44 PM

#

wtf these borders look actually epic

#

border: 1px solid transparent;
border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
border-image-slice: 1;

little agate Sep 5, 2023, 11:58 PM

#

so gamer

mortal mantle Sep 6, 2023, 12:07 AM

#

if I were to make the colors spin even

#

true gamer setup

dark dragon Sep 6, 2023, 12:08 AM

#

vast delta also might have broken it (HOW AM I TO KNOW BD SUCKS SO MUCH THEY DONT SUPPORT /...

// isn't the issue. You can't import raw files on BD, you'd need to enable pages and use that link

#

Still wouldn't recommend formatting your imports that way, it's ugly if nothing else

toxic yew Sep 6, 2023, 12:17 AM

#

vast delta https://github.com/Yeetov/USRPFP-Reborn/commit/73dc64ec311289495b6e0f4b9113b7af2...

lol you removed only 1 https in import line instead of remove like 128 https in dist.css trolley

alpine cove Sep 6, 2023, 12:17 AM

#

// is just http(s)://

#

it uses the protocol ur usin

edgy sentinel Sep 6, 2023, 12:38 AM

#

dark dragon `//` isn't the issue. You can't import raw files on BD, you'd need to enable pag...

they should shrimply support gitub raw

dark dragon Sep 6, 2023, 12:40 AM

#

It'd be nice, but Zere seems pretty set that he doesn't want to

edgy sentinel Sep 6, 2023, 12:41 AM

#

there is no argument against it

#

only arguments for it

#

other than github tos but

abusing pages as cdn is also tos im pretty sure
who gives a fuck

dark dragon Sep 6, 2023, 12:44 AM

#

Yeah I'm pretty sure that's his only reason. He said that thing about it not working in the future, but I don't know what he meant by that

#

I'm a dummy, but I can't seem to see anything in their acceptable use policy forbidding it anyway

edgy jungle Sep 6, 2023, 1:12 AM

#

another bd moment

#

or just zere moment idk shiddohwell

vast delta Sep 6, 2023, 4:02 AM

#

toxic yew lol you removed only 1 https in import line instead of remove like 128 https in ...

It doesn't work for mobile if I do that

safe python Sep 6, 2023, 4:46 AM

#

mortal mantle wtf these borders look actually epic

feels like something you'd see in a forum

mortal mantle Sep 6, 2023, 4:46 AM

#

lol

#

@vast delta 25% border doesnt look good, fix

vast delta Sep 6, 2023, 4:48 AM

#

mortal mantle <@406084422308331522> 25% border doesnt look good, fix

I think I know why

mortal mantle Sep 6, 2023, 4:48 AM

#

the avatar is multiplied by 2 or something

#

because its already round at 50%

vast delta Sep 6, 2023, 4:49 AM

#

Lol no I don't, I'll get to it when I'm home

vast delta Sep 6, 2023, 4:49 AM

#

mortal mantle because its already round at 50%

Wait what

#

Ah I see

#

mortal mantle Sep 6, 2023, 4:49 AM

#

vast delta Sep 6, 2023, 4:50 AM

#

Change this to calc(var()/2)

#

I made it half the border radius because then its more intuitive

#

0% is no roundness at all, 100% is full circles

#

But with css 50% is already a full circle and then nothing changes as you go up

#

Actually, I can fix it

#

Get your import reloaded, it should be fixed

mortal mantle Sep 6, 2023, 4:52 AM

#

all good now

vast delta Sep 6, 2023, 4:53 AM

#

I didn't notice this because when making it I was only looking at 0 and 100% lol

mortal mantle Sep 6, 2023, 4:53 AM

#

also fixed for the large one

vast delta Sep 6, 2023, 4:53 AM

#

mortal mantle all good now

np

vast delta Sep 6, 2023, 4:53 AM

#

mortal mantle also fixed for the large one

Yeah I saw that one didn't have it as well

mortal mantle Sep 6, 2023, 4:53 AM

#

add this line

.avatarHoverTarget-1zzfRL, .avatar-3QF_VA {
    background: var(--profile-body-background-color);
}

vast delta Sep 6, 2023, 4:53 AM

#

mortal mantle add this line ```css .avatarHoverTarget-1zzfRL, .avatar-3QF_VA { background:...

I removed the circle on purpose

mortal mantle Sep 6, 2023, 4:53 AM

#

to improve visibility

vast delta Sep 6, 2023, 4:54 AM

#

I can make a variable for that though

mortal mantle Sep 6, 2023, 4:54 AM

#

just use the default discord variable

#

also i set all the avatar scales to 0.85 like my orginial snippet

#

1 is just too big lol

vast delta Sep 6, 2023, 4:55 AM

#

That's your decision :P

#

This is why I make everything with variables

mortal mantle Sep 6, 2023, 4:55 AM

#

i just knocked half of the variables of my theme

#

I don't want it to become another ClearVision theme

#

actually looks good now

#

maybe i will move the online members somewhere else

#

but too lazy/busy

vast delta Sep 6, 2023, 4:57 AM

#

--rs-avatar-background: red;

mortal mantle Sep 6, 2023, 4:57 AM

#

horror

#

keep default as var(--profile-body-background-color)

vast delta Sep 6, 2023, 4:57 AM

#

You can change it to anything (yes, even PICTURES)

vast delta Sep 6, 2023, 4:58 AM

#

mortal mantle keep default as `var(--profile-body-background-color)`

Sure

mortal mantle Sep 6, 2023, 5:00 AM

#

worth the starboard

vast delta Sep 6, 2023, 5:00 AM

#

I love variables, I think a theme can't have enough, maybe it should be a little sorted though

mortal mantle Sep 6, 2023, 5:01 AM

#

I used to think having 50 variables for a theme was good

#

until it become too much of a mess without a clear direction

vast delta Sep 6, 2023, 5:01 AM

#

For example I could make a :root for categories and put a comment over them so you can click the close button on it that no one probably uses

#

I'll make what I just said later haha, I think that could actually make the experience so much better

mortal mantle Sep 6, 2023, 5:02 AM

#

vast delta Sep 6, 2023, 5:03 AM

#

Make it its own :root {

} thing

#

Then you can press the close button in quickcss

mortal mantle Sep 6, 2023, 5:03 AM

#

yeah but I cant be bothered

#

I was forced to use hsla to support normal discord

#

But then I thought fuck it

#

Color-mix was way superior

#

also advert for vesktop

vast delta Sep 6, 2023, 5:06 AM

#

vesktop best

mortal mantle Sep 6, 2023, 6:05 AM

#

You best

vast delta Sep 6, 2023, 7:24 AM

#

mortal mantle You best

I'm blushing.

mortal mantle Sep 6, 2023, 7:34 AM

#

:3

mortal mantle Sep 6, 2023, 8:58 AM

#

wait I just realized

#

no statuses here

vast delta Sep 6, 2023, 9:15 AM

#

mortal mantle wait I just realized

Because you are invisible, idiot :3

mortal mantle Sep 6, 2023, 9:15 AM

#

vast delta Sep 6, 2023, 9:16 AM

#

ugh okay, noted

mortal mantle Sep 6, 2023, 9:16 AM

#

lmao

#

10 kB off from minify

#

blobcatcozy

vast delta Sep 6, 2023, 11:11 AM

#

mortal mantle 10 kB off from minify

Yeah I'll probably make a minified version for each of my plugins and one where I put everything together so I only have one import

oak plover Sep 6, 2023, 1:41 PM

#

#

i like making things 2 people will look at

grand surge Sep 6, 2023, 10:20 PM

#

is there a way i can replace clydes check mark icon and ai text?

vast delta Sep 7, 2023, 4:45 AM

#

grand surge is there a way i can replace clydes check mark icon and ai text?

css can change the check mark

grand surge Sep 7, 2023, 4:54 AM

#

vast delta css can change the check mark

how

#

i know a decent amount of css but

#

idk how to replace an svg with an image

vast delta Sep 7, 2023, 4:55 AM

#

opacity 0 on the svg then an :after object that has the background of your picture

dark dragon Sep 7, 2023, 5:41 AM

#

You can't add psuedo elements to replaced elements. Your best bet in that case is just replacing the path as that svg doesn't have a wrapper of its own. Something like this

.botTagVerified-2KCPMa path {
    d: path("<path>")
}

An alternative is adding a mask, something like this

.botTagVerified-2KCPMa {
  mask: url('data:image/svg+xml;utf8, <svg>') center/contain no-repeat;
  background: var(--white-500);
}

split axle Sep 7, 2023, 9:07 AM

#

@vast delta Sorry for the ping.
It shows idle but on profile shows online.
Also for me every circle shows offline in the chat until I click on their profile then it shows the real status.

vast delta Sep 7, 2023, 9:08 AM

#

The last one is just a bug with the platform indicator plugin, I can't fix that

#

Hm that's weird, I'll check later

split axle Sep 7, 2023, 9:09 AM

#

Okay

#

Thanks

vast delta Sep 7, 2023, 9:10 AM

#

I think I know what's the reason and I think that I might not be able to fix it

split axle Sep 7, 2023, 9:15 AM

#

Is it also a platfrom indicator issue?

vast delta Sep 7, 2023, 9:16 AM

#

That looks like either an issue with my snippet or a you problem

teal cave Sep 8, 2023, 2:49 AM

#

discord default css contains some horror

edgy sentinel Sep 8, 2023, 2:50 AM

#

fire

rugged echo Sep 8, 2023, 4:31 AM

#

why not just object-fit? wtf

edgy sentinel Sep 8, 2023, 4:32 AM

#

discord is weird

#

they use ancient vendor prefixes for browsers that won't even be able to run their js

vast delta Sep 8, 2023, 4:54 AM

#

So they fix a small detail for a scenario that will never be able to occur? Typical discord efficiency

vast delta Sep 8, 2023, 4:56 AM

#

teal cave discord default css contains some horror

Someone should make a plugin to deactivate all native CSS so we can just do it ourselves trolley

mortal mantle Sep 8, 2023, 5:03 AM

#

Yeah true

vast delta Sep 8, 2023, 5:03 AM

#

Aoi you'd probably be down to collaborate on that, right :3

vast delta Sep 8, 2023, 5:37 AM

#

I'm serious about that btw

glad urchin Sep 8, 2023, 5:39 AM

#

i like the idea

#

less bloat

vast delta Sep 8, 2023, 5:41 AM

#

And maybe discord will actually use it if we make it public trolley

mortal mantle Sep 8, 2023, 5:52 AM

#

vast delta Aoi you'd probably be down to collaborate on that, right :3

No

vast delta Sep 8, 2023, 5:52 AM

#

mortal mantle No

fy

mortal mantle Sep 8, 2023, 5:52 AM

#

:(

#

I'm on holiday

vast delta Sep 8, 2023, 5:52 AM

#

You'd make all the variables hsl anyways

mortal mantle Sep 8, 2023, 5:53 AM

#

Ain't no way I'm making all that

mortal mantle Sep 8, 2023, 5:53 AM

#

vast delta You'd make all the variables hsl anyways

True

#

I love HSL

vast delta Sep 8, 2023, 5:53 AM

#

Yeah you love insensible colour coding

#

You want more red? Well fuck you, open your browser

mortal mantle Sep 8, 2023, 5:53 AM

#

But I love colors that make absolute sense

#

Even Hex makes more sense than rgb

vast delta Sep 8, 2023, 5:54 AM

#

mortal mantle Even Hex makes more sense than rgb

Hex is literally rgb

mortal mantle Sep 8, 2023, 5:54 AM

#

Imma change to HWB then

vast delta Sep 8, 2023, 5:55 AM

#

Hex is actually more complicated for normal human beings than rgb since it uses base 16 which we aren't used to (but should be)

vast delta Sep 8, 2023, 5:55 AM

#

mortal mantle Imma change to HWB then

I don't even wanna know how this works

rugged echo Sep 8, 2023, 5:56 AM

#

what the fuck is HWB? hue w Brightness?

mortal mantle Sep 8, 2023, 5:56 AM

#

vast delta Sep 8, 2023, 5:57 AM

#

That's hsl silly

mortal mantle Sep 8, 2023, 6:00 AM

#

I know, look how they say it's intuitive

#

#

Also LCH

vast delta Sep 8, 2023, 6:06 AM

#

Lch Looks good ngl

#

Still, you can achieve all this using hex/rgb since that is literally how you display pixels

teal cave Sep 8, 2023, 8:03 AM

#

vast delta Aoi you'd probably be down to collaborate on that, right :3

Yes 👀

teal cave Sep 8, 2023, 8:43 AM

#

Hmm supposing we do embark on this project, how blank a slate are we thinking?

#

Just yeet Discord's stuff and use browser defaults, or go full nuclear and reset even browser?

dark dragon Sep 8, 2023, 9:08 AM

#

You too could look this good

vast delta Sep 8, 2023, 9:16 AM

#

God this is worse than arch linux

glad urchin Sep 8, 2023, 1:38 PM

#

as an arch user, i agree

mortal mantle Sep 8, 2023, 1:46 PM

#

Why is Arch Linux bad

glad urchin Sep 8, 2023, 1:49 PM

#

arch isnt bad, its just that you have to install a lot of packages to have something functional

edgy sentinel Sep 8, 2023, 1:51 PM

#

not really

#

arch is amazing

#

shiggy

glad urchin Sep 8, 2023, 1:52 PM

#

yop

edgy sentinel Sep 8, 2023, 1:53 PM

#

https://github.com/Vendicated/fotdiles/blob/arch/documentation/install_journal.md

https://github.com/Vendicated/fotdiles/blob/arch/documentation/postinstall_journal.md

#

i wrote this ages ago so now I can speed run arch install in 5 minutes

#

i just made a silly pacman hook to keep a list of installed packages https://github.com/Vendicated/fotdiles/blob/arch/pkglist.txt

#

then when u reinstall you can just install all of them at once

#

sip

dark dragon Sep 8, 2023, 1:57 PM

#

No swap?

edgy sentinel Sep 8, 2023, 1:58 PM

#

i usually just use a 2gb swapfile at /Swapfile

#

can just make that any time, I think I went like a year without

harsh solstice Sep 8, 2023, 3:51 PM

#

Why is that a skull lmao

#

You shouldn't use swap partition on an SSD, zram works way better, a swap file makes way more sense

rugged echo Sep 8, 2023, 4:15 PM

#

dark dragon You too could look this good

wtf
plain html discord

vast delta Sep 8, 2023, 4:20 PM

#

hi anyone remember the custom super reaction snippet? yes? well, i made it only work for https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=64&name=shiggy&quality=lossless reactions

rugged echo Sep 8, 2023, 4:24 PM

#

epic css

vast delta Sep 8, 2023, 4:25 PM

#

rugged echo epic css

thats not css cutie, thats a status

rugged echo Sep 8, 2023, 4:25 PM

#

but the text isn't cut off by the buttons

#

for some reason

vast delta Sep 8, 2023, 5:01 PM

#

i manually made it so that the stock discord css isnt loaded and it now loads from vencord in a file on my computer, i love how its broken for some reason haha

vast delta Sep 8, 2023, 5:18 PM

#

i unminified discords stock css file

#

no questions asked

#

discord devs are monkeys using typewriters

edgy sentinel Sep 8, 2023, 5:35 PM

#

i understand the unused classes

vast delta Sep 8, 2023, 5:35 PM

#

i mean, its still wasted isnt it?

edgy sentinel Sep 8, 2023, 5:37 PM

#

Discord use css modules which makes their code smth like this
Button.module.css

.button {}
```**Button.tsx**
```jsx
import Classes from "./Button.module.css";
<button className={Classes.button} />

#

So to remove the css class they also need to update their jsx

#

so out of laziness they might just leave empty classes

vast delta Sep 8, 2023, 5:37 PM

#

still stoopid

vast delta Sep 8, 2023, 6:00 PM

#

correction: the issues were caused by my beautifier (L in chat for that website)

#

still, it has a bunch of empty selectors (and code for objects that probably havent existed for years trolley

dark dragon Sep 9, 2023, 12:36 PM

#

harsh solstice You shouldn't use swap partition on an SSD, zram works way better, a swap file m...

I believe Ven was saying he went a year without swap of any sort. That's why skull

edgy sentinel Sep 9, 2023, 12:37 PM

#

you don't need swap

dark dragon Sep 9, 2023, 12:41 PM

#

I don't want no processes killed is my issue

vast delta Sep 9, 2023, 4:52 PM

#

can i use variables as fallback for variables or do i have to do some janky stuff to do so?

#

just like it does if --variable-two is a number like 41px

vast delta Sep 9, 2023, 5:34 PM

#

in this case, YkUktl is shown, even though the fallback of --variable-two should be chosen

#

oohh this is my fault, sorry

#

the fallback only gets chosen when variable one isnt set at all, not when set to an invalid value

#

i got the answer to my issue for the next person that reads this and needs it

#

the fallback only gets chosen if --variable-one is either not set at all OR set to "unset" , so only in this case OR the case the line defining --variable-one is removed entirely, will ykuktl be set to --variable-two, which means "none"

vast delta Sep 9, 2023, 7:04 PM

#

ah yes, i forgor

eager heart Sep 9, 2023, 7:05 PM

#

welcome to the fun zone

vast delta Sep 9, 2023, 7:05 PM

#

fun bun

#

what do you mean by test build? do i have to make one my own or can i just use it?

eager heart Sep 9, 2023, 7:05 PM

#

you have to use the devbuild because it's a PR still

vast delta Sep 9, 2023, 7:05 PM

#

how do i get?

eager heart Sep 9, 2023, 7:05 PM

#

do u have the github cli installed

vast delta Sep 9, 2023, 7:06 PM

#

github cli?

eager heart Sep 9, 2023, 7:06 PM

#

ye

#

gh

vast delta Sep 9, 2023, 7:06 PM

#

probably not then haha

#

i think i have git

vast delta Sep 9, 2023, 7:09 PM

#

eager heart do u have the github cli installed

okay got it

eager heart Sep 9, 2023, 7:11 PM

#

anyway yes this was my small attempt at doing it

📎 oneko.user.css

#

it just contains all of the skins and makes it into a dropdown

eager heart Sep 9, 2023, 7:12 PM

#

vast delta okay got it

have u got a dev install as well

vast delta Sep 9, 2023, 7:12 PM

#

eager heart have u got a dev install as well

LEWI I DO CSS NOTHING ELSE

eager heart Sep 9, 2023, 7:12 PM

#

FAIR ENOUGH OKAY

#

well then lets do this

#

u write usercss

#

i load it

#

i show u whta it does

vast delta Sep 9, 2023, 7:12 PM

#

oh god no, please let me do it live haha

eager heart Sep 9, 2023, 7:12 PM

#

:P

#

time to make a devinstall then

vast delta Sep 9, 2023, 7:13 PM

#

send me what i need to know to do it myself

eager heart Sep 9, 2023, 7:13 PM

#

git clone https://github.com/Vendicated/Vencord
gh pr checkout 1700
pnpm i
pnpm build
pnpm inject

vast delta Sep 9, 2023, 7:13 PM

#

oh cutie, tell me that earlier

eager heart Sep 9, 2023, 7:13 PM

#

this will install the devbuild with usercss support

#

so you can have fun with it

#

then u can use the writing usercss guide from stylus to help

vast delta Sep 9, 2023, 7:17 PM

#

it should work now, gimme an example to prove it

vast delta Sep 9, 2023, 7:18 PM

#

eager heart anyway yes this was my small attempt at doing it

WAIT DO I HAVE RNG NOW????

#

FUCKING HELL YES

#

I NEED RNG

#

oh its a select thing

#

well, anyways, thank you, its working fine

eager heart Sep 9, 2023, 7:19 PM

#

ah no rng sadly

#

that'd be a funky thing to add though

#

maybe we can add some proprietary extensions one day

#

but yes, if you encounter issues or u get stuck, feel free to ask

vast delta Sep 9, 2023, 7:19 PM

#

i shall

eager heart Sep 9, 2023, 7:19 PM

#

i think i've written so many test cases for this now i breathe usercss

vast delta Sep 9, 2023, 7:20 PM

#

and i immediately will

#

in the user.css you sent, is there also a way to make another box where you can put in custom links? this is what all my oneko stuff is about :P

#

being able to make your own skins, use custom ones or even higher resolution ones

#

also, does usercss work in the quickcss or only in themes?

eager heart Sep 9, 2023, 7:21 PM

#

only in themes, theres no quickcss compiler

#

and yes! you can just use a text for that

vast delta Sep 9, 2023, 7:21 PM

#

and can i "hotswap" themes in vencord, so just edit the file while its loaded?

vast delta Sep 9, 2023, 7:21 PM

#

eager heart and yes! you can just use a `text` for that

oki nice

eager heart Sep 9, 2023, 7:22 PM

#

unfortunately there's no validation, its not part of the usercss spec, but you can get users to put urls in like that

eager heart Sep 9, 2023, 7:22 PM

#

vast delta and can i "hotswap" themes in vencord, so just edit the file while its loaded?

and yes, they should recompile when you edit them

vast delta Sep 9, 2023, 7:22 PM

#

oh nice, ill do some stuff then, brb

#

is there a vscode extension for usercss?

eager heart Sep 9, 2023, 7:25 PM

#

nnnnot really

#

it's either vanilla css, uso (which is just css but it uses comments as variable placeholders), less, and stylus

#

so you can use extensions for the latter two but the former are just vanilla

vast delta Sep 9, 2023, 7:29 PM

#

oki

#

how do i make it not say default lol

eager heart Sep 9, 2023, 7:38 PM

#

change the text :P

#

* marks this as the default option

#

so Default* just means an option named Default which is the default

#

if you wanted to you could rename it to Oneko* and then it'd be called Oneko

vast delta Sep 9, 2023, 7:45 PM

#

hm this is weird, im trying to make two boxes, one where you can select a skin and one where you can put one in (i know theres probably a better way but i wanna play around with it a little until i feel comfortable) and its only showing one, why is that?

📎 5RjDTcy.css

#

do you wanna dm for this?

#

oh sorry, my randomize file names beat ya :3

#

oh because i didnt make a default text

#

IM GETTING IT

#

IT MAKES SENSE

#

I UNDERSTOOD SOMETHING

#

ITS PROGRESS

eager heart Sep 9, 2023, 8:03 PM

#

vast delta hm this is weird, im trying to make two boxes, one where you can select a skin a...

oh yeah if you open devtools

#

whenever it fails to parse something

#

it should throw a warning

#

usercss runs in a "if there's errors it'll ignore them and try its best" mode

vast delta Sep 9, 2023, 8:04 PM

#

i see haha

#

i was missing a : when declaring a variable and it took me a good 5 minutes to find it

#

boom, look at this beauty

📎 onekohomeicon.user.css

#

you can choose a default skin OR you select custom as a skin and then put a url in the box

#

now that i got this its time to add some cooler features :)

vast delta Sep 9, 2023, 8:27 PM

#

isnt it literally set right above it? WHY DOES IT SAY "unset" FOR --custom-skin????

#

my idea is that oneko-skin gets set to unset when choosing the custom skin, so that you can use a different skin in the --custom-skin variable

#

oh nvm i just had to put the second variable in another var()

#

WHY

#

im done with it!

📎 onekohomeicon.user.css

#

this is the usercss theme for customizing oneko,
you can now change the skin to one of the many default ones
use your own skin as a link
change the resolution for skins that need a higher one (MISMATCHING RESOLUTIONS WILL BREAK THE ONEKO)

#

wait i called it onekohomeicon LMAO

remote willow Sep 9, 2023, 9:37 PM

#

Took me like half an hour to figure out how to change the "Server Profile" thing in the context menu from that new plugin to "Server Info" because I got it confused with edit server profile. It was only 1 line of code ;─;

edgy sentinel Sep 9, 2023, 9:37 PM

#

lol

#

that's a good name

#

gonna rename the plugin to that

balmy torrent Sep 10, 2023, 11:51 AM

#

remote willow Took me like half an hour to figure out how to change the "Server Profile" thing...

lol

#

impressive

vast delta Sep 10, 2023, 1:58 PM

#

@cobalt haven you are revolutionary

jovial night Sep 10, 2023, 7:22 PM

#

how is there already a v2 api

gilded cloak Sep 11, 2023, 4:06 AM

#

I can't wait for v20 this December

mortal mantle Sep 11, 2023, 4:31 AM

#

@vast delta thank you so much

vast delta Sep 11, 2023, 4:32 AM

#

np love

mortal mantle Sep 11, 2023, 4:32 AM

#

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

vast delta Sep 11, 2023, 4:33 AM

#

I'll integrate that into my v2 shiggycord

teal cave Sep 12, 2023, 3:59 AM

#

https://github.com/MiniDiscordThemes/SettingsIcons (@edgy sentinel ty for plugin that makes this possible)

GitHub

GitHub - MiniDiscordThemes/SettingsIcons: Adds icons to Discord set...

Adds icons to Discord settings, for use with Vencord plugin ThemeAttributes. - GitHub - MiniDiscordThemes/SettingsIcons: Adds icons to Discord settings, for use with Vencord plugin ThemeAttributes.

rugged echo Sep 12, 2023, 4:14 AM

#

I don't get it, I am supposed to import the original settings icons theme alongside this one and the plugin right? but when I do that it doesn't work as intended

vast delta Sep 12, 2023, 4:15 AM

#

try not doing that

rugged echo Sep 12, 2023, 4:18 AM

#

then it doesn't show anything lol

#

maybe I need to add it manualy? idk

teal cave Sep 12, 2023, 4:18 AM

#

odd, lemme see

#

it’s supposed to be standalone

rugged echo Sep 12, 2023, 4:19 AM

#

I put it in quick css but it shows no icons, like the options get a bit to the left but thats it

#

I mean right

tidal pollen Sep 12, 2023, 4:19 AM

#

see ess ess

#

alr

#

back to general

vast delta Sep 12, 2023, 4:21 AM

#

rugged echo I put it in quick css but it shows no icons, like the options get a bit to the l...

do you have the new theme thingy plugin active? I don't remember it's name

#

it's something called theme

#

it adds new data you can use with themes

rugged echo Sep 12, 2023, 4:21 AM

#

yeah

teal cave Sep 12, 2023, 4:21 AM

#

I have made le epic mistake

vast delta Sep 12, 2023, 4:21 AM

#

odd

rugged echo Sep 12, 2023, 4:21 AM

#

theme atributes

teal cave Sep 12, 2023, 4:21 AM

#

gimme a min

vast delta Sep 12, 2023, 4:21 AM

#

teal cave I have made le epic mistake

did you bind it to your user id? trolley

rugged echo Sep 12, 2023, 4:21 AM

#

I thought that plugin was useless, but I probably read the description wrong

rugged echo Sep 12, 2023, 4:21 AM

#

teal cave gimme a min

oh no problem

teal cave Sep 12, 2023, 4:23 AM

#

I did a dumb

rugged echo Sep 12, 2023, 4:23 AM

#

trolley

teal cave Sep 12, 2023, 4:24 AM

#

should be fix once the github pages refreshes

rugged echo Sep 12, 2023, 4:24 AM

#

oh well, just a little oopsie

vast delta Sep 12, 2023, 4:24 AM

#

teal cave should be fix once the github pages refreshes

GOD DO YOU HAVE FOUR INTERNAL IMPORTS??

teal cave Sep 12, 2023, 4:24 AM

#

no, it’s svg image

#

I’m never releasing anything at 5am again

vast delta Sep 12, 2023, 4:26 AM

#

you do know you can put in their path so you don't have to import

teal cave Sep 12, 2023, 4:31 AM

#

I used to do that, but error rate goes up if I can’t easily preview the svg

vast delta Sep 12, 2023, 4:33 AM

#

L

rugged echo Sep 12, 2023, 4:40 AM

#

I mean you aren't going to remember exactly every single path of the svgs

vast delta Sep 12, 2023, 5:17 AM

#

yes but you can add a comment lol

mortal mantle Sep 12, 2023, 10:35 AM

#

#

new plugin goated

vast delta Sep 12, 2023, 11:15 AM

#

red messages pog

glad urchin Sep 12, 2023, 11:44 AM

#

whatsapp.theme.css when

#

pleadey

edgy sentinel Sep 12, 2023, 12:03 PM

#

teal cave https://github.com/MiniDiscordThemes/SettingsIcons (<@343383572805058560> ty for...

LET'S GOO

#

hmm, vencord should have some way for authors to share themes

#

like a channel or on the website 🤔

gilded radish Sep 12, 2023, 12:05 PM

#

Hey, does anyone Have CSS to replace the discord Logo with Shiggy? (Maybe animated)

balmy torrent Sep 12, 2023, 12:06 PM

#

I made https://github.com/Vendicated/Vencord/pull/1728 but it does seem you can use CSS :P

GitHub

CustomSplash by TheKodeToad · Pull Request #1728 · Vendicated/Venco...

I tried to ask whether this is something that would be merged but it wasn't too hard to develop anyway :3

edgy sentinel Sep 12, 2023, 12:07 PM

#

god I don't understand anything of what's going on in that scss salt

balmy torrent Sep 12, 2023, 12:07 PM

#

however i think my plugin might make discord load slightly faster since it waits for the animation to end lol

glad urchin Sep 12, 2023, 12:08 PM

#

discord uses a

svg
png
mp4

#

all during that loading sequence

mortal mantle Sep 12, 2023, 12:11 PM

#

glad urchin whatsapp.theme.css when

Now it is possible to align self messages to the right

#

you will see it pop up soon

glad urchin Sep 12, 2023, 12:12 PM

#

thumbsup

#

could make discord into a material messager app with that

#

if its a snippet / import

teal cave Sep 12, 2023, 1:58 PM

#

edgy sentinel god I don't understand anything of what's going on in that scss salt

most of it is creating a "map"* of data-tab-id : svg-filename and looping through to make the actual selector and rules

edgy sentinel Sep 12, 2023, 1:58 PM

#

why do you even use css variables for the urls

#

wouldn't it be easier to just skip the variable entirely and inline it

teal cave Sep 12, 2023, 1:58 PM

#

semi-customisable if anyone cares to use other svgs

edgy sentinel Sep 12, 2023, 1:59 PM

#

i doubt anyone will want to do that ngl

#

but sure, valid cat_disguise

#

I need to try the theme later, not on pc rn

teal cave Sep 12, 2023, 2:00 PM

#

basically just me in case I ever do finish the entire fluent icons theme

mortal mantle Sep 12, 2023, 2:00 PM

#

I look into the scss and question myself if this is even css

teal cave Sep 12, 2023, 2:01 PM

#

at this point not really, it would probably be less pain to use an actual language

mortal mantle Sep 12, 2023, 2:02 PM

#

https://cdn.discordapp.com/emojis/848469704972304405.webp?size=48

teal cave Sep 12, 2023, 2:43 PM

#

edgy sentinel hmm, vencord should have some way for authors to share themes

A channel here would be ideal I think, it's forseeable that putting it on the website might look too official and cause theme support qs in the wrong place

#

not sure where you'd draw the line between snippets and themes though

dark dragon Sep 12, 2023, 2:50 PM

#

I'd say a them has to have a cohesive design, but that'd rule out all those anime themes and I'm not sure we'd have much left

glad urchin Sep 12, 2023, 2:51 PM

#

snippet fixes something or adds something minor

theme changes every color variable in the css

#

probably something like that

edgy sentinel Sep 12, 2023, 2:51 PM

#

snippet smth minor that u can comfortably fit in one message

#

mini theme bigger thing that adds one specific feature like settings icons

#

theme something that changes the look of the entire client

cedar cairn Sep 12, 2023, 2:52 PM

#

all the people posting things in snippets that are just @imports:

balmy torrent Sep 12, 2023, 2:52 PM

#

that's not great since the links could stop working

dark dragon Sep 12, 2023, 2:53 PM

#

glad urchin snippet fixes something or adds something minor theme changes every color varia...

At least half of the variables aren't used in the desktop client for whatever reason, so that one's out

balmy torrent Sep 12, 2023, 2:54 PM

#

snippet: smol
theme: big

#

simple definition

dark dragon Sep 12, 2023, 2:56 PM

#

There's some pretty big snipets nowadays

balmy torrent Sep 12, 2023, 2:57 PM

#

cshrug they still presumably only change a small part of the ui

vast delta Sep 12, 2023, 4:09 PM

#

imo a theme is a full package that basically changes everything about discords design
a snippet is just an addon, something you could imagine as a switch in the settings, for example bottom server list or settings window

torpid void Sep 12, 2023, 5:02 PM

#

does anyone know what the color used here is #🎨-css-snippets message for the text that says vencord

#

nvm figured it out

#

can someone help me make this look better

#

here is it before

#

cant tell which i like more

alpine cove Sep 12, 2023, 5:09 PM

#

remove discord logo

torpid void Sep 12, 2023, 5:09 PM

#

but then its so empty

#

it says vencord now

#

hmm

edgy sentinel Sep 12, 2023, 5:26 PM

#

why do u want a proper titlebar lmao

torpid void Sep 12, 2023, 5:27 PM

#

idk

#

im gonna try to make discord look like vscodium

#

anyone know where i can find more css snippets? like in other servers or something?

glad urchin Sep 12, 2023, 5:47 PM

#

better discord

vast delta Sep 12, 2023, 5:49 PM

#

torpid void anyone know where i can find more css snippets? like in other servers or somethi...

betterdiscord and clearvision are my usual goals

torpid void Sep 12, 2023, 5:49 PM

#

where in better discord

#

they only have a themes thing i think

vast delta Sep 12, 2023, 5:50 PM

#

im thinking about opening a dedicated server for discord css stuff so its easier to collect stuff and work together

#

it would be cool, okay

vast delta Sep 12, 2023, 6:36 PM

#

every shiggycord v2 link has been changed to remove Files/ please fix your quickcss
also, all oneko variables have been changed and should be updated according to either
https://github.com/coolesding/shiggycord/blob/v2/shiggycord.theme.css or
https://github.com/coolesding/shiggycord/blob/v2/shiggycordadvanced.theme.css

torpid void Sep 12, 2023, 9:12 PM

#

Making a theme is kinda fun ngl

#

I used to hate css

#

Do y’all make your theme in quick css and then put it in a css file?

flat shuttle Sep 12, 2023, 9:21 PM

#

torpid void Do y’all make your theme in quick css and then put it in a css file?

local themes hot reloading blobcatcozy

rugged echo Sep 12, 2023, 9:43 PM

#

torpid void Do y’all make your theme in quick css and then put it in a css file?

its much better to do that, or maybe on vscode, but never use notepad++ like me, awful autocomplete

torpid void Sep 12, 2023, 11:45 PM

#

just started this theme. feedback?

#

also the discord logo being white is a mistake

edgy sentinel Sep 13, 2023, 12:02 AM

#

white

rugged echo Sep 13, 2023, 12:28 AM

#

really cool

#

I mean

#

znarp?

torpid void Sep 13, 2023, 12:32 AM

#

rugged echo znarp?

whats that

#

im trying to get it to look like vscodium on modern dark theme

#

rugged echo Sep 13, 2023, 12:35 AM

#

idk who uses the default theme in vscode but anyways

torpid void Sep 13, 2023, 12:35 AM

#

i do

#

i am probably not gonna make this public cuz the code is trash

rugged echo Sep 13, 2023, 12:47 AM

#

it could be good so people can help you, but tbh I get it, it can be a little akward (I guess) if your code its terrible

torpid void Sep 13, 2023, 12:56 AM

#

i mean i could clean it up

rugged echo Sep 13, 2023, 1:01 AM

#

well thats another option I guess

torpid void Sep 13, 2023, 1:01 AM

#

its like almost unreadable if you dont understand it right now

#

are u good at css?

rugged echo Sep 13, 2023, 1:08 AM

#

no lol, I mean kinda, but like probably basic knowledge

mortal mantle Sep 13, 2023, 2:32 AM

#

@vast delta nnoooooooooo

#

oh i see

worldly edge Sep 13, 2023, 4:20 AM

#

any plugins or css for making black usernames a different color for better contrast with dark themes?

mortal mantle Sep 13, 2023, 4:39 AM

#

.username-h_Y3Us[style="color: rgb(0, 0, 0);"] {
background: rgba(255, 255, 255, 0.5)
}

vast delta Sep 13, 2023, 4:51 AM

#

aoi? are you sick?

#

do you need something? cuddles? food? tea?

#

since when do you know a different colour system than hsl

glad urchin Sep 13, 2023, 5:03 AM

#

blobcatfearful

grand surge Sep 13, 2023, 5:10 AM

#

help

#

Does anyone here know a css and create a new configuration on discord?

#

type appearance and profile settings

mortal mantle Sep 13, 2023, 5:29 AM

#

vast delta aoi? are you sick?

im always sick

vast delta Sep 13, 2023, 5:49 AM

#

time to do CSS In school

vast delta Sep 13, 2023, 5:49 AM

#

grand surge Does anyone here know a css and create a new configuration on discord?

??

grand surge Sep 13, 2023, 6:06 AM

#

vast delta ??

to read🙆🤓

vast delta Sep 13, 2023, 6:09 AM

#

speak english

rugged echo Sep 13, 2023, 6:53 AM

#

speak binary

vast delta Sep 13, 2023, 11:28 AM

#

00010001 00010110 00011000 00010001

torpid void Sep 13, 2023, 11:41 AM

#

torpid void just started this theme. feedback?

is this better

vast delta Sep 13, 2023, 11:43 AM

#

Mac user...

torpid void Sep 13, 2023, 11:43 AM

#

i use linux too

vast delta Sep 13, 2023, 11:43 AM

#

it's definitely not my taste, but I don't see anything wrong

vast delta Sep 13, 2023, 11:44 AM

#

torpid void i use linux too

...arch Linux?

torpid void Sep 13, 2023, 11:44 AM

#

oh shit the typing thing is so annoying

torpid void Sep 13, 2023, 11:44 AM

#

vast delta ...arch Linux?

no but i was gonna start

#

and then i got lazy

#

i installed it

#

but

#

i didnt have time to set it up before school started so

vast delta Sep 13, 2023, 11:46 AM

#

I made a new theme

#

it's called static discord

torpid void Sep 13, 2023, 11:46 AM

#

💀

mortal mantle Sep 13, 2023, 11:46 AM

#

amazing

torpid void Sep 13, 2023, 11:47 AM

#

ngl it would be kinda funny to replace someones discord with a image of their discord

vast delta Sep 13, 2023, 11:48 AM

#

mortal mantle

root and theme things? isn't that unnecessary?

torpid void Sep 13, 2023, 11:48 AM

#

can someone start typng rq

vast delta Sep 13, 2023, 11:48 AM

#

no

torpid void Sep 13, 2023, 11:48 AM

#

ty

mortal mantle Sep 13, 2023, 11:48 AM

#

vast delta Sep 13, 2023, 11:49 AM

#

I won't start typing for you. that would be an act of submission for you.

mortal mantle Sep 13, 2023, 11:49 AM

#

would you submit for me then

vast delta Sep 13, 2023, 11:49 AM

#

mortal mantle

German

vast delta Sep 13, 2023, 11:49 AM

#

mortal mantle would you submit for me then

I would be submissive for you all day

mortal mantle Sep 13, 2023, 11:49 AM

#

I will set my language to Suomi instead

vast delta Sep 13, 2023, 11:49 AM

#

(you are booster, please give me money)

mortal mantle Sep 13, 2023, 11:49 AM

#

i dont have money

vast delta Sep 13, 2023, 11:49 AM

#

mortal mantle I will set my language to Suomi instead

do English UK

mortal mantle Sep 13, 2023, 11:50 AM

#

also fix this pls

#

make it a ring or remove it

edgy sentinel Sep 13, 2023, 11:51 AM

#

mortal mantle I will set my language to Suomi instead

do it

vast delta Sep 13, 2023, 11:52 AM

#

mortal mantle also fix this pls

????

#

am I stupid?

mortal mantle Sep 13, 2023, 11:52 AM

#

edgy sentinel do it

vast delta Sep 13, 2023, 11:52 AM

#

mortal mantle

you are submissive to ven

#

L

mortal mantle Sep 13, 2023, 11:53 AM

#

I donated to Ven :3

torpid void Sep 13, 2023, 11:53 AM

#

someone type pls

vast delta Sep 13, 2023, 11:53 AM

#

no

#

aoi what do you think of human beings?

mortal mantle Sep 13, 2023, 11:54 AM

#

insufferable

torpid void Sep 13, 2023, 11:54 AM

#

css

mortal mantle Sep 13, 2023, 11:54 AM

#

see esc esc

vast delta Sep 13, 2023, 11:54 AM

#

I would say that human beings are actually a very wasteful product and they should be converted back to atoms so they can be reused to form cats

#

except shiggy... is shiggy a human?

#

https://shiggy.fun/api/v2/random

#

ohhh, shiggy is fish

mortal mantle Sep 13, 2023, 11:55 AM

#

shiggy is shiggy

vast delta Sep 13, 2023, 11:55 AM

#

or chainsaw

vast delta Sep 13, 2023, 11:55 AM

#

mortal mantle shiggy is shiggy

is this canon?

mortal mantle Sep 13, 2023, 11:55 AM

#

shiggy is a cannon

vast delta Sep 13, 2023, 11:56 AM

#

SHIGGYCANNON???

torpid void Sep 13, 2023, 11:56 AM

#

death is a cannon

#

~~anyone know why my css order property isnt working? everything has display flex~~ fixed

#

can someone type

edgy sentinel Sep 13, 2023, 12:01 PM

#

no

#

#📜-js-snippets message

torpid void Sep 13, 2023, 12:03 PM

#

yayyy

vast delta Sep 13, 2023, 4:49 PM

#

torpid void ~~anyone know why my css order property isnt working? everything has display fle...

the parent element should be flex, the others dont need it i think

slim pond Sep 13, 2023, 8:56 PM

#

torpid void ~~anyone know why my css order property isnt working? everything has display fle...

just try adding order to everything

#

also did you make sure nothing has display absolute?

#

(from the things you want to change the order of)

leaden valve Sep 13, 2023, 9:35 PM

#

Does anyone know the css of the icon in the top right? Been looking and can't seem to find it

alpine cove Sep 13, 2023, 9:39 PM

#

selector ??

leaden valve Sep 13, 2023, 9:39 PM

#

I've found it under .wrapper-2PSQCG > svg but can't move it or change anything about it. I believe that my routing is incorrect tbh because there's 4 different paths to it

alpine cove Sep 13, 2023, 9:47 PM

#

apparently its cuz its used as a mask

leaden valve Sep 13, 2023, 9:50 PM

#

Tsukasa_huh

torpid void Sep 13, 2023, 10:07 PM

#

slim pond also did you make sure nothing has display absolute?

yeah i fixed it thanks tho

dark dragon Sep 14, 2023, 11:31 AM

#

leaden valve I've found it under `.wrapper-2PSQCG > svg` but can't move it or change anything...

That's the wrong svg, there should be another in .wrapper-2PSQCG > .upperBadge-1d6YsW and that's the one you want.

You'll probably have to select it by the path which is kind of a pain, something like .upperBadge-1d6YsW svg[d^="M11.383 3.07904C11"]

gilded radish Sep 14, 2023, 2:23 PM

#

.homeIcon-FuNwkv {
    background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fsteamuserimages-a.akamaihd.net%2Fugc%2F965350806526295356%2F993A37B5716D4492C48AB57EE789286027D38BCB%2F%3Fimw%3D450%26impolicy%3DLetterbox&f=1&nofb=1&ipt=b648b4868baaae50006df08ac20975403e779ba97c90c33b887bf43f064192ac&ipo=images') center/cover no-repeat;
    min-width: 60px;
    min-height: 60px;
}```

#

this doesn't work

celest ridge Sep 14, 2023, 2:23 PM

#

why are u using the duckduckgo thumbnail

gilded radish Sep 14, 2023, 2:23 PM

#

anyone got some other sort of CSS that works?

gilded radish Sep 14, 2023, 2:23 PM

#

celest ridge why are u using the duckduckgo thumbnail

idk

#

doesn't matter tho

cedar timber Sep 14, 2023, 2:24 PM

#

I hate trying to escape backticks.

#

Lemme split it over 2-3 messages.

celest ridge Sep 14, 2023, 2:24 PM

#

```css
/* css code here */
```

cedar timber Sep 14, 2023, 2:24 PM

#

HOW?

glad fractal Sep 14, 2023, 2:25 PM

#

show me a more cursed css

📎 message.css

celest ridge Sep 14, 2023, 2:25 PM

#

skill

cedar timber Sep 14, 2023, 2:25 PM

#

celest ridge \`\`\`css /\* css code here \*/ \`\`\`

https://tenor.com/buAuB.gif

Tenor

celest ridge Sep 14, 2023, 2:25 PM

#

```css
/* css code here */
```

gilded radish Sep 14, 2023, 2:25 PM

#

oh yeah

#

one sec

#

mb

safe python Sep 14, 2023, 2:25 PM

#

cedar timber https://tenor.com/buAuB.gif

the \ in question:

celest ridge Sep 14, 2023, 2:25 PM

#

gilded radish Sep 14, 2023, 2:25 PM

#

.homeIcon-FuNwkv path {fill: transparent}
.homeIcon-FuNwkv {
    background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fsteamuserimages-a.akamaihd.net%2Fugc%2F965350806526295356%2F993A37B5716D4492C48AB57EE789286027D38BCB%2F%3Fimw%3D450%26impolicy%3DLetterbox&f=1&nofb=1&ipt=b648b4868baaae50006df08ac20975403e779ba97c90c33b887bf43f064192ac&ipo=images') center/cover no-repeat;
    min-width: 60px;
    min-height: 60px;
}

cedar timber Sep 14, 2023, 2:26 PM

#

celest ridge

So I have to escape every single one, but I think I tried that out once and failed, maybe I used the wrong slash or whatever.
Thanks!

cedar timber Sep 14, 2023, 2:27 PM

#

glad fractal show me a more cursed css

Only thing that can rival that is SQL code.

celest ridge Sep 14, 2023, 2:27 PM

#

u dont have to

#

i think if u just do a backslash at the start it will work too

glad fractal Sep 14, 2023, 2:27 PM

#

celest ridge \`\`\`css /\* css code here \*/ \`\`\`

file too large

gilded radish Sep 14, 2023, 2:28 PM

#

gilded radish ```css .homeIcon-FuNwkv path {fill: transparent} .homeIcon-FuNwkv { backgrou...

does anyone have a replacement for this, please?

toxic yew Sep 14, 2023, 2:28 PM

#

gilded radish ```css .homeIcon-FuNwkv path {fill: transparent} .homeIcon-FuNwkv { backgrou...

.homeIcon-r0w4ny

gilded radish Sep 14, 2023, 2:29 PM

#

ohhh lemme try

edgy sentinel Sep 14, 2023, 2:29 PM

#

celest ridge why are u using the duckduckgo thumbnail

ddg allows proxying arbitrary images

celest ridge Sep 14, 2023, 2:29 PM

#

petition to stop using the randomized suffixes in ur

cedar timber Sep 14, 2023, 2:29 PM

#

celest ridge i think if u just do a backslash at the start it will work too

Tried that and failed.

gilded radish Sep 14, 2023, 2:29 PM

#

yess

celest ridge Sep 14, 2023, 2:29 PM

#

stylesheets

gilded radish Sep 14, 2023, 2:29 PM

#

thank you!!

#

shiggy (I don't actually have my discord this big btw)

celest ridge Sep 14, 2023, 2:29 PM

#

```
/* css code here */

#

#

this is a little cursed but it works lolol

#

most of the backslashes i wrote out of habit i just escape anything that has markdown meaning

edgy sentinel Sep 14, 2023, 2:30 PM

#

discord doesn't even allow u to escape most things

#

which is kinda cringe

celest ridge Sep 14, 2023, 2:30 PM

#

wdym

safe python Sep 14, 2023, 2:31 PM

#

gilded radish shiggy (I don't actually have my discord this big btw)

clean theme!!

gilded radish Sep 14, 2023, 2:31 PM

#

safe python clean theme!!

thanks! you want the CSS?

safe python Sep 14, 2023, 2:32 PM

#

yeah actually

edgy sentinel Sep 14, 2023, 2:32 PM

#

celest ridge wdym

try escaping ` inside inline code

celest ridge Sep 14, 2023, 2:32 PM

#

whats the plugin for the more user things in the typing

celest ridge Sep 14, 2023, 2:32 PM

#

edgy sentinel try escaping ` inside inline code

oh yea true

#

lol

edgy sentinel Sep 14, 2023, 2:32 PM

#

`hi\`bye`

#

hi\bye`

#

agony

celest ridge Sep 14, 2023, 2:32 PM

#

hi\` bye

gilded radish Sep 14, 2023, 2:32 PM

#

📎 Theme.theme.css

celest ridge Sep 14, 2023, 2:32 PM

#

trolled

edgy sentinel Sep 14, 2023, 2:32 PM

#

celest ridge ``hi\` bye``

HOW

celest ridge Sep 14, 2023, 2:32 PM

#

the backslash isnt doing anything but

safe python Sep 14, 2023, 2:32 PM

#

celest ridge ``hi\` bye``

true

cedar timber Sep 14, 2023, 2:32 PM

#

celest ridge \``` /* css code here */ ```

Skill issue on my part then.

gilded radish Sep 14, 2023, 2:32 PM

#

@safe python some of the @import just fucking tank the performance btw

edgy sentinel Sep 14, 2023, 2:33 PM

#

then remove them

celest ridge Sep 14, 2023, 2:33 PM

#

you can use double ` to do inlines

edgy sentinel Sep 14, 2023, 2:33 PM

#

horror

celest ridge Sep 14, 2023, 2:33 PM

#

console.log(`this is ${real}`)

edgy sentinel Sep 14, 2023, 2:33 PM

#

IT'S NOT

gilded radish Sep 14, 2023, 2:33 PM

#

edgy sentinel then remove them

idk they might just tank it on my shitbox

celest ridge Sep 14, 2023, 2:34 PM

#

doing some trolling

#

u can kinda use them

#

like

#

```cursed template ${String}` ``

#

because it truncates the final spaces

#

but it thinks u want a codeblock so u have to press enter with ur cursor at the start of the message

#

😭

mortal mantle Sep 14, 2023, 3:28 PM

#

I managed to split the container .container-2o3qEW into two separate containers, but the member list one is overflowing and hence there is no border radius at the bototm

#

any way to fix it?

#

cedar timber Sep 14, 2023, 3:33 PM

#

I love red and everything, but MY EYES.

mortal mantle Sep 14, 2023, 3:33 PM

#

red is for highlighting the problem only

cedar timber Sep 14, 2023, 3:34 PM

#

Oh, thank God.

slim pond Sep 14, 2023, 3:34 PM

#

glad fractal show me a more cursed css

If you want your eyes to bleed, check out legacy cyan's source

#

7k lines of pure hell

slim pond Sep 14, 2023, 3:35 PM

#

mortal mantle

this list has 3 containers you can make use of

#

hide the overflow on the topmost

mortal mantle Sep 14, 2023, 3:36 PM

#

i'm using .members-3WRCEx .content-yjf30S

slim pond Sep 14, 2023, 3:36 PM

#

slim pond Sep 14, 2023, 3:36 PM

#

mortal mantle i'm using `.members-3WRCEx .content-yjf30S`

wait

mortal mantle Sep 14, 2023, 3:37 PM

#

the membercount is split already

slim pond Sep 14, 2023, 3:37 PM

#

I would advise you not to touch the inner most container

#

that is a lazyloader

mortal mantle Sep 14, 2023, 3:37 PM

#

hmm

slim pond Sep 14, 2023, 3:38 PM

#

try splitting using pseudo backgrounds

mortal mantle Sep 14, 2023, 3:40 PM

#

whats a pseudo background

slim pond Sep 14, 2023, 3:41 PM

#

just using pseudo elements as backgrounds

mortal mantle Sep 14, 2023, 3:42 PM

#

something like this?

slim pond Sep 14, 2023, 3:43 PM

#

yeah, something like that

#

just hide the actual background behind the list and the indicators, then add pseudo elements that act as their backgrounds

mortal mantle Sep 14, 2023, 3:45 PM

#

would be a bit hard to realize for the memberlist

#

since it will end up with this ugly mess

edgy sentinel Sep 14, 2023, 3:46 PM

#

pretty

mortal mantle Sep 14, 2023, 3:48 PM

#

🥲

#

#

welp

slim pond Sep 14, 2023, 3:50 PM

#

something like this

mortal mantle Sep 14, 2023, 3:51 PM

#

wuh how

slim pond Sep 14, 2023, 3:51 PM

#

#vc-membercount::before {
    content: "";
    background-color: rgb(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
#vc-membercount {
    position: relative;
    height: 50px;
    align-items: center;
    margin: 5px !important;
}
.members-3WRCEx {
    position: relative;
}
.members-3WRCEx::before {
    content: "";
    background-color: rgb(0,0,0,.5);
    position: absolute;
    top: 60px;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% - 70px);
    border-radius: 8px;
    margin: 5px;
    box-sizing: border-box;
}
.member-48YF_l, .members-3WRCEx {
    background: none;
}

#

very weird code, just to fit the default discord

#

change it how you see fit

mortal mantle Sep 14, 2023, 3:52 PM

#

hmm this is weird

dark dragon Sep 14, 2023, 4:06 PM

#

Does something like this not work?

.container-2o3qEW {
    background: unset;
}
.membersWrap-3NUR2t {
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.members-3WRCEx {
    background: unset;
    overflow-x: hidden !important;
    overflow-y: overlay !important;
}
#vc-membercount {
    background: var(--bg-overlay-chat,var(--background-secondary));
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
.members-3WRCEx .content-yjf30S {
    background: var(--bg-overlay-chat,var(--background-secondary));
    border-radius: 10px;
}

#

mortal mantle Sep 14, 2023, 4:08 PM

#

nope, overflow

dark dragon Sep 14, 2023, 4:11 PM

#

Do you need the scrollbar? You can just

.members-3WRCEx::-webkit-scrollbar {
    display: none;
}

to solve that

edgy sentinel Sep 14, 2023, 4:11 PM

#

don't hide scrollbar if this is supposed to be a public theme

safe python Sep 14, 2023, 4:12 PM

#

yeah why the fuck do people hide scrollbars 😭

slim pond Sep 14, 2023, 4:14 PM

#

use overflow overlay

mortal mantle Sep 14, 2023, 4:19 PM

#

I just realize I can already show people's online statuses directly in messages

#

no need to open member tab

#

so i can avoid styling that for now

dark dragon Sep 14, 2023, 4:38 PM

#

Hey, that scroller doesn't work properly on servers of this size anyway. We should be able to hide it

balmy torrent Sep 14, 2023, 5:44 PM

#

vban @spice aurora scam

cloud joltBOT Sep 14, 2023, 5:44 PM

#

balmy torrent vban <@750792541955162215> scam

Done! BAN

dark dragon Sep 14, 2023, 5:45 PM

#

Can't believe you stole everyone's free nitro like that

balmy torrent Sep 14, 2023, 5:45 PM

#

lol

#

i've seen this one before

wanton stirrup Sep 14, 2023, 5:46 PM

#

vban @balmy torrent I wanted free nitro

cloud joltBOT Sep 14, 2023, 5:46 PM

#

wanton stirrup vban <@706152404072267788> I wanted free nitro

Done! BAN

balmy torrent Sep 14, 2023, 5:46 PM

#

sad

rugged echo Sep 14, 2023, 11:43 PM

#

ah yes, who needs settings

balmy torrent Sep 14, 2023, 11:44 PM

#

nobody

vast delta Sep 15, 2023, 4:47 AM

#

rugged echo ah yes, who needs settings

L

rugged echo Sep 15, 2023, 5:46 AM

#

why? lol

vast delta Sep 15, 2023, 5:46 AM

#

idk, you made it probably

#

it's not my settingswindow snippet lol

#

actually, have I released it on CSS snippets yet?

#

I have not.

rugged echo Sep 15, 2023, 6:03 AM

#

no you didn't

#

and I was trying to remove the payment settings part using the same shit salt made with the icons in settings, there was something for that but it also removed the friend request tab and I didn't wanted that, it just left the category but I didn't tried too hard to remove it

vast delta Sep 15, 2023, 6:05 AM

#

use the theme attribute plugin

#

i think it adds an aria label for it

#

if it's personal for you, it doesn't matter

rugged echo Sep 15, 2023, 6:08 AM

#

yes I have that plugin, and I didn't tried with aria label so maybe I should

vast delta Sep 15, 2023, 6:09 AM

#

just look at the object and find whatever is distinct from all the other settings lol

#

and if you have to use :has, who cares

rugged echo Sep 15, 2023, 6:12 AM

#

I don't understand, but at least devtools doesn't crash at an instant like before

vast delta Sep 15, 2023, 6:13 AM

#

use vesktop

rugged echo Sep 15, 2023, 6:15 AM

#

nah I kinda got it anyways

#

compact mode

vast delta Sep 15, 2023, 6:24 AM

#

do max-height: 4px for ultimate compact mode

teal cave Sep 15, 2023, 6:40 PM

#

whar

exotic nexus Sep 15, 2023, 6:40 PM

#

Do it

vast delta Sep 15, 2023, 8:49 PM

#

i could make a banner at the top of the screen when you have my themes that tells you to subscribe to vencord premium

rugged echo Sep 15, 2023, 10:08 PM

#

you need vencord premium to get all the themes features

glad fractal Sep 15, 2023, 11:46 PM

#

rugged echo you need vencord premium to get all the themes features

Then someone makes a plug-in that tricks vencord that you have premium

rugged echo Sep 15, 2023, 11:54 PM

#

sounds like fake nitro

vast delta Sep 16, 2023, 6:08 AM

#

fake premium

strong mortar Sep 16, 2023, 6:38 AM

#

Was told I should suggest this here. #🏥-vencord-support-🏥 message

#

I'm thinking this still might need some JS backing and not strictly CSS, but I digress.

#

I'm basically looking to get rid of the nitro gift icon and have all the rest of them in a "drawer" so they are nice an out of the way, maybe on hover of emoji it shows the rest, and scales the chatbox accordingly so I can reclaim space.

#

#

so much wasted space.

#

gets even worse when I have the member list visible

#

I only have this much space!

#

mortal mantle Sep 16, 2023, 6:43 AM

#

I believe there's a snippet for that in #🎨-css-snippets

strong mortar Sep 16, 2023, 6:52 AM

#

Could you perhaps link? lotta content to scroll through. I'm doing so to trick out my client of course, but if you happen to know who posted it or etc

dark dragon Sep 16, 2023, 6:54 AM

#

I'm a stupid and a lazy, but give this a go

.buttons-uaqb-5 .button-ejjZWC:has([d^="M16.886 7.999"]) {
    display: none;
}

.buttons-uaqb-5 {
    width: 40px;
}

.buttons-uaqb-5 .expression-picker-chat-input-button:has(.emojiButton-3FRTuj) {
    order: -1;
}

.buttons-uaqb-5:hover {
    width: unset;
}

.buttons-uaqb-5:hover .expression-picker-chat-input-button:has(.emojiButton-3FRTuj) {
    order: 1;
}

strong mortar Sep 16, 2023, 6:58 AM

#

I found the one Aoi is referring to, but will take a look at urs as well

strong mortar Sep 16, 2023, 7:46 AM

#

button[aria-label="Notification Settings"] /* Notif Settings in toolbar */
{ 
  display: none;
}

Any idea why that's not hiding the notifications settings icon on the top toolbar?

#

borrowed from #🎨-css-snippets message

#

a[href="https://support.discord.com"], /* help button */
.nowPlayingColumn-1eCBCN, /* active now sidebar */
.newChannel-3q3LPr, /* the "NEW" text thats next to channels */
.vc-toolbox-btn, /* VenCord's Weird Toolbox thingy. */
button[aria-label="Send a gift"], /* send gift button */
button[aria-label="Notification Settings"] /* Notif Settings in toolbar */
{ 
  display: none;
}

#

nvm, it needed div.

#

not button

dark dragon Sep 16, 2023, 7:48 AM

#

Should be div[aria-label="Notification Settings"] or preferably .iconWrapper-2awDjA[aria-label="Notification Settings"]

strong mortar Sep 16, 2023, 7:51 AM

#

Yep, realized after I posted.

#

Any fun way of moving the inbox icon to the left with others?

#

dark dragon Sep 16, 2023, 8:13 AM

#

try

.search-39IXmY {
    order: 1;
}

strong mortar Sep 16, 2023, 8:14 AM

#

dark dragon try ```css .search-39IXmY { order: 1; } ```

Worked, Thanks!

mortal mantle Sep 16, 2023, 9:14 AM

#

I will find a way to fix this area again, there has been too many bugs since I first implemented the idea

vast delta Sep 16, 2023, 10:09 AM

#

aoiaoiaoiaoiaoiaoi

#

how do i change the scrollbars, like colour, border radiues and stuff

#

i forgorr

vast delta Sep 16, 2023, 10:22 AM

#

mortal mantle I will find a way to fix this area again, there has been too many bugs since I f...

please send me whatever you have done to the message bar colour wise

#

(if its variables, please send me their value so i can convert hsl to hex)

#

i would like to include that style into parts of shiggycord

#

(if you consent of course bbg)

mortal mantle Sep 16, 2023, 10:26 AM

#

var(--background-modifier-accent)
color-mix(in srgb, var(--modular-accent-color) 40%, transparent)
    --modular-hue: 0;
    --modular-saturation: calc(var(--saturation-factor, 1)* 0%);
    --modular-lightness: 16%;
    --modular-accent-color: #b18e9e;
    --background-modifier-accent: hsl(var(--primary-300-hsl)/var(--modular-transparency));
    --modular-transparency: 25%;
    --primary-300-hsl: var(--modular-hue) var(--modular-saturation) calc(var(--modular-lightness) + 36.00%);

vast delta Sep 16, 2023, 10:26 AM

#

i knew it

mortal mantle Sep 16, 2023, 10:26 AM

#

thats all i can find for the message bar

vast delta Sep 16, 2023, 10:27 AM

#

its allllllllllllllllll hsl

mortal mantle Sep 16, 2023, 10:27 AM

#

yes

#

its so versatile, why not use

vast delta Sep 16, 2023, 10:27 AM

#

userfriendliness

mortal mantle Sep 16, 2023, 10:28 AM

#

I suppose these three parameters also represent HSL

#

and I am more familiar with them than rgb

vast delta Sep 16, 2023, 10:29 AM

#

lhc yes

dark dragon Sep 16, 2023, 10:34 AM

#

vast delta how do i change the scrollbars, like colour, border radiues and stuff

There's a bunch of different bits that go into it https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar

::-webkit-scrollbar - CSS: Cascading Style Sheets | MDN

The ::-webkit-scrollbar CSS pseudo-element affects the style of an element's scrollbar when it has overflow:scroll; set.

vast delta Sep 16, 2023, 10:35 AM

#

oh god no reading

mortal mantle Sep 16, 2023, 10:36 AM

#

is this also related to css development

vast delta Sep 16, 2023, 10:36 AM

#

mortal mantle ```css var(--background-modifier-accent) color-mix(in srgb, var(--modular-accent...

i cant wrap my brain around anything you've made, ill just make it myself :P

mortal mantle Sep 16, 2023, 10:36 AM

#

it has CSS

vast delta Sep 16, 2023, 10:36 AM

#

i guess?

mortal mantle Sep 16, 2023, 10:36 AM

#

let me explain it to you

vast delta Sep 16, 2023, 10:36 AM

#

oh dont worry!

mortal mantle Sep 16, 2023, 10:37 AM

#

so, the default color for the message bar is var(--background-modifier-accent)
when the message bar is hovered or focused, it takes the color mix between var(--modular-accent-color) (defined as HEX) and transparent

vast delta Sep 16, 2023, 10:38 AM

#

are those default discord variables?

mortal mantle Sep 16, 2023, 10:38 AM

#

background-modifier-accent is

#

modular one isnt

#

but I modified how background-modifier-accent behaves

#

which should be this section

vast delta Sep 16, 2023, 10:39 AM

#

too much hsl

mortal mantle Sep 16, 2023, 10:39 AM

#

i made the 36% up

#

but yeah thats how discord made its variables

#

oh wait no

#

I remembered copying it from someone else here

#

and ended up changing all the lightness values

vast delta Sep 16, 2023, 10:40 AM

#

i got an idea for my color variables

#

if one of them doesnt work because discord also has it, ill just use the british spelling on all of them haha

mortal mantle Sep 16, 2023, 10:47 AM

#

eww british

#

can you make me a more tolerable message section please

vast delta Sep 16, 2023, 10:48 AM

#

tolerable how?

#

salmon

#

i actually like it ngl

#

just the text might be a little dark haha

mortal mantle Sep 16, 2023, 10:56 AM

#

idk, just less buggy than the one I currently have

vast delta Sep 16, 2023, 10:57 AM

#

what do you mean by buggy?

#

im loving this!!!!

#

dont ask me why, i love the box-shadow glow

mortal mantle Sep 16, 2023, 10:57 AM

#

maybe merge the message bar with the bottom of my panel

#

and place the typing on top of it

#

I will get to it sooner or later, but I have work to do

vast delta Sep 16, 2023, 10:58 AM

#

wait, so you want the typing message above the messagebar, okay i got that

#

but what do you mean by merge with the bottom of the panel?

mortal mantle Sep 16, 2023, 10:59 AM

#

#🎨-css-snippets message

vast delta Sep 16, 2023, 11:00 AM

#

ooohhhh

mortal mantle Sep 16, 2023, 11:00 AM

#

while making the message buttons a bit more compact (i. e. hiding them all and only show on hover)

vast delta Sep 16, 2023, 11:00 AM

#

pretty hot ngl

vast delta Sep 16, 2023, 11:01 AM

#

mortal mantle while making the message buttons a bit more compact (i. e. hiding them all and o...

i actually made that in my old shiggycord, i can send you it if you want

mortal mantle Sep 16, 2023, 11:02 AM

#

pls do

vast delta Sep 16, 2023, 11:04 AM

#

do you remember the name of the hide nitro theme?

mortal mantle Sep 16, 2023, 11:04 AM

#

no...

#

first step done

strong mortar Sep 16, 2023, 11:49 AM

#

.container-YkUktl:has(.avatar-1EWyVD[aria-label*="Online"]) {
    border-bottom: 3px solid var(--rs-online-color)!important;
}

The aria-label syntax has changed, and now they have their discord names in there, my CSS-fu is weak, How would I just simply look for the "Online" portion in that label, or etc.

vast delta Sep 16, 2023, 11:51 AM

#

someone hasnt heard of my radial status snippet

#

https://github.com/coolesding/shiggycord/blob/v2/Radialstatus.css

GitHub

shiggycord/Radialstatus.css at v2 · coolesding/shiggycord

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

strong mortar Sep 16, 2023, 11:52 AM

#

I'm using it, actually

vast delta Sep 16, 2023, 11:52 AM

#

ooh

#

well the way you have done it works, but it will also always be true if someone is on mobile

strong mortar Sep 16, 2023, 11:52 AM

#

I am actually borrowing ur var to change another snippet that adds a border around profiles too

vast delta Sep 16, 2023, 11:53 AM

#

vast delta well the way you have done it works, but it will also always be true if someone ...

and you cant filter that because it says "Online On Mobile"

#

maybe ^= does what you want, youll have to look up exactly how it works

vast delta Sep 16, 2023, 11:53 AM

#

strong mortar I am actually borrowing ur var to change another snippet that adds a border arou...

add a border around profiles?

#

oh you mean the entire profile thing

strong mortar Sep 16, 2023, 11:54 AM

#

Mhm

mortal mantle Sep 16, 2023, 11:55 AM

#

vast delta Sep 16, 2023, 11:56 AM

#

mortal mantle

uwu

mortal mantle Sep 16, 2023, 11:57 AM

#

your hide button ran into this issue

#

so i thought it might be fixed with a grid

vast delta Sep 16, 2023, 11:57 AM

#

mortal mantle your hide button ran into this issue

yes uhm, what you do about it is... runs away

mortal mantle Sep 16, 2023, 11:57 AM

#

nuh uh come back

vast delta Sep 16, 2023, 11:57 AM

#

oki

mortal mantle Sep 16, 2023, 11:58 AM

#

tbh changing 255px to 60% also works

vast delta Sep 16, 2023, 11:58 AM

#

variable opinion?

vast delta Sep 16, 2023, 11:59 AM

#

mortal mantle tbh changing 255px to 60% also works

idk, i dont deal with v1 shiggycord anymore

mortal mantle Sep 16, 2023, 11:59 AM

#

vast delta variable opinion?

horrible

#

bad selectors

vast delta Sep 16, 2023, 11:59 AM

#

LMAO

#

the fuck you want bad selectors

#

div>div?

mortal mantle Sep 16, 2023, 12:01 PM

#

Yeah

#

Don't do that

teal cave Sep 16, 2023, 12:01 PM

#

It's divs all the way down

vast delta Sep 16, 2023, 12:02 PM

#

vast delta the fuck you want bad selectors

#

i dont think i have much of an option

#

i could do one less div and replace it with a wrapper-Nh

#

i cant select the empty div otherwise though, unless i use first-child but i isn't that just the same?

#

or is there a performance difference?

teal cave Sep 16, 2023, 12:04 PM

#

Why not style the link rather than the weird div?

vast delta Sep 16, 2023, 12:04 PM

#

because its not about the link, its about being inside of .selected

#

it themes the selected channel

#

#

its not supposed to be a specific channel and it isnt supposed to be just that object

toxic yew Sep 16, 2023, 12:05 PM

#

.selected .link ?

mortal mantle Sep 16, 2023, 12:06 PM

#

link would absolutely work

teal cave Sep 16, 2023, 12:06 PM

#

If it's a one-time use of >div>div then ig not too bad

vast delta Sep 16, 2023, 12:06 PM

#

toxic yew .selected .link ?

afaik thats the worst way to select it when it comes to performance because it then goes from every single channel up to the end of the tree searching for .selected

#

i got it as that now

#

oh also it shouldnt be the link one, it should be the empty haha

#

my bad