#🎨-theme-development | libVencore | Page 13

frosty crest Nov 22, 2023, 8:23 AM

#

mine is also set right xD

vast delta Nov 22, 2023, 8:23 AM

#

bing bing bing

brisk iron Nov 22, 2023, 8:24 AM

#

😔

frosty crest Nov 22, 2023, 8:24 AM

#

but not like making the direction opposite is difficult

mortal mantle Nov 22, 2023, 8:24 AM

#

LMAO

#

Moonwalk cat

brisk iron Nov 22, 2023, 8:24 AM

#

lol

mortal mantle Nov 22, 2023, 8:26 AM

#

Keep it like that

grand surge Nov 22, 2023, 9:56 AM

#

Is there a way to do something like that (python):

["https://example.xyz", "https://example.xyz", "https://example.xyz"][randint(0, 2)]

in css ?

dull musk Nov 22, 2023, 9:58 AM

#

random.choice is crying in the corner

grand surge Nov 22, 2023, 9:59 AM

#

Oh thank 😄

dull musk Nov 22, 2023, 9:59 AM

#

no you misunderstood me lol

grand surge Nov 22, 2023, 9:59 AM

#

yes

#

I thought you were giving me the sacred answer that would save me.

dull musk Nov 22, 2023, 10:01 AM

#

idt you can have any randomness with css

clear siren Nov 22, 2023, 10:07 AM

#

nope

mortal mantle Nov 22, 2023, 10:57 AM

#

maybe with scss

#

not with css

vast delta Nov 22, 2023, 10:58 AM

#

a random function does not exist in css, though with usercss you can select the SASS preprocessor which supports such a function

clear siren Nov 22, 2023, 11:00 AM

#

or you could have a js snippet, or you could have an @import with a randomized value each load

vast delta Nov 22, 2023, 11:03 AM

#

clear siren or you could have a js snippet, or you could have an ``@import`` with a randomiz...

the idea is pure css randomising

clear siren Nov 22, 2023, 11:03 AM

#

yeah I know

simple kiln Nov 22, 2023, 12:29 PM

#

vast delta the idea is pure css randomising

you can do it,. randomize image when refresh the page..

vast delta Nov 22, 2023, 12:29 PM

#

thats not what we are talking about

simple kiln Nov 22, 2023, 12:30 PM

#

awh.. i misunderstood the above..

#

welp, you can do randomize @import by using api that redirect to random url from array..

vast delta Nov 22, 2023, 8:17 PM

#

#app-mount>.appAsidePanelWrapper__714a6>notAppAsidePanel__9d124>.canvas_b2fcd2

oak plover Nov 22, 2023, 8:22 PM

#

Randomized is possible with discord

vast delta Nov 22, 2023, 8:22 PM

#

no

oak plover Nov 22, 2023, 8:22 PM

#

Uh yeah

vast delta Nov 22, 2023, 8:22 PM

#

no css only

#

okay tell

oak plover Nov 22, 2023, 8:22 PM

#

Linear gradient id is a random variable every time you open the page

vast delta Nov 22, 2023, 8:23 PM

#

linear gradient id?

oak plover Nov 22, 2023, 8:23 PM

#

Discord has a section in their html structure that’s filled with svgs and gradients used in the app

summer crater Nov 22, 2023, 8:24 PM

#

Yeah, most masks / js animations have randomized (per session id) ids

vast delta Nov 22, 2023, 8:24 PM

#

oak plover Discord has a section in their html structure that’s filled with svgs and gradie...

yes you could always leech off some attribute an element has but we were talking about just using css code to get random values

#

though sure you can show me where that is

oak plover Nov 22, 2023, 8:25 PM

#

Not home to check my computer but you can select the start of the id for one of the gradients with has and from there just throw in whatever class you want to have affected

#

I did it to randomize the loading screen message in my own theme

#

I’ll see if I can copy something from my phone to show as an example

#

#app-mount:has(>svg>linearGradient:first-child[id^="a9"]) .tipTitle_a7615c:before { 
  content: "Calibrating flux capacitors";
}
#app-mount:has(>svg>linearGradient:first-child[id^="a9"]) .tipTitle_a7615c:after {
  content: "Submitted by @ItsChiefGrief";
}
#app-mount:has(>svg>linearGradient:first-child[id^="ba"]) .tipTitle_a7615c:before { 
  content: "Caution: Contents Spicy";
}
#app-mount:has(>svg>linearGradient:first-child[id^="ba"]) .tipTitle_a7615c:after {
  content: "Submitted by @DinosParkour";
}

#

Something like that

#

You can do the same thing for random images

#

Or whatever it was

vast delta Nov 22, 2023, 8:36 PM

#

yeah that makes sense, though it's a little clunky for elements that dont just exist once like messages or avatars

#

in your use case it works great but for a lot of situations it could start causing issues with performance

vast delta Nov 22, 2023, 9:02 PM

#

this thing again

#

i need people to test the height selector and tell me what values they get on maximised

#

for me its my screen resolution minus two pixels, probaby for detecting if im hovering the taskbar

mortal mantle Nov 22, 2023, 9:13 PM

#

I don't use the discord titlebar :p

#

will try after dinner

vast delta Nov 22, 2023, 9:27 PM

#

i just read so much css docs

#

anyone that's reading this, try it please :3

#

the darkish gray topbar should disappear and the window close maximise bla bla buttons should move down

#

(well into the header that was further down, they actually only move 4 pixels)

rustic jewel Nov 22, 2023, 9:43 PM

#

i disabled all css and themes I have running and pasted that snippet only and this is the result

vast delta Nov 22, 2023, 9:44 PM

#

rustic jewel i disabled all css and themes I have running and pasted that snippet only and th...

perfect, open your devtools, press ctrl and f and search for canvas

#

then it will lead you to an element that has a height and width value, tell me your height value please

#

make sure to have your app maximised

rustic jewel Nov 22, 2023, 9:50 PM

#

pretty sure its 1080

#

clear siren Nov 22, 2023, 9:55 PM

#

I get height 1402 on vesktop using discord titlebar, 1440p monitor, modified win11 taskbar to be smaller, no other css applied

#

if you're looking to make a selector that determines if the window is maximized there are much better ways

#

actually there might not be

#

anyways that will easily break because you can't trust the taskbar height to be consistent :(

vast delta Nov 22, 2023, 10:39 PM

#

It seems like I was indeed correct about using the > and space selectors, though I would imagine the difference is comparable to the one between ID and class

#

Steve Souders also said that custom properties are inefficient but those aren't worth mentioning because not even a deranged psychopath like me would ever get to 50000 variables (I dont have the time to name them all in pretty ways :)

clear siren Nov 22, 2023, 10:56 PM

#

👍

dawn wind Nov 23, 2023, 4:16 PM

#

is it possible to edit css variables IN css

#

like var(--accent-color)+33

#

so accent color with an alpha of 33

mortal mantle Nov 23, 2023, 4:27 PM

#

var(--accent-color)/33%

#

something like this?

brisk iron Nov 23, 2023, 4:28 PM

#

you can do

some-selector {
  --foo: 1, 2, 3;
  property: rgba(var(--foo), .33);
}

teal cave Nov 23, 2023, 5:38 PM

#

Added blobcatcozy

edgy sentinel Nov 23, 2023, 6:04 PM

#

teal cave Added <:blobcatcozy:1026533070955872337>

thank you!! shiggy

vast delta Nov 23, 2023, 6:27 PM

#

dawn wind like var(--accent-color)+33

color-mix

teal cave Nov 23, 2023, 6:31 PM

#

^ vesktop/web only but v cool

dawn wind Nov 23, 2023, 6:32 PM

#

brisk iron you can do ```css some-selector { --foo: 1, 2, 3; property: rgba(var(--foo),...

I'm using hex colors </3

#

ill js change to rgb

mortal mantle Nov 23, 2023, 6:33 PM

#

i wish other discord clients could also support color-mix

dawn wind Nov 23, 2023, 6:34 PM

#

mortal mantle i wish other discord clients could also support color-mix

it was for web actually so im good

#

I'm tryna make one of those link in bio pages

#

that I can just let other people use with ease

mortal mantle Nov 23, 2023, 6:34 PM

#

whar is that

dawn wind Nov 23, 2023, 6:35 PM

#

yk sites that ppl have in bios?

#

that have info and some links

mortal mantle Nov 23, 2023, 6:35 PM

#

i see

dawn wind Nov 23, 2023, 6:36 PM

#

I want it to grab the dominant color from the banner canvas and theme the page off that

#

that's why

mortal mantle Nov 23, 2023, 6:36 PM

#

that would require some js right?

dawn wind Nov 23, 2023, 6:36 PM

#

Yeah it does

#

I have it setting only one accent color

#

I js wanted to learn how to do it in css

#

cz ik i coulda js smashed a +33 on the end with js

#

but i was curious

mortal mantle Nov 23, 2023, 6:38 PM

#

thats why I dont really like hex colors

dawn wind Nov 23, 2023, 6:39 PM

#

mortal mantle thats why I dont really like hex colors

yeah i use them out of habit really

#

i can kinda create them in my head

#

whereas rgb doesnt make as much sense to me idk why

mortal mantle Nov 23, 2023, 6:41 PM

#

HSL makes the most sense to me

#

rgb just doesnt make sense i agree

alpine cove Nov 23, 2023, 6:43 PM

#

hsl is rgb tilted on its corner

mortal mantle Nov 23, 2023, 6:45 PM

#

whar

alpine cove Nov 23, 2023, 6:45 PM

#

it is

mortal mantle Nov 23, 2023, 6:47 PM

#

i can tell some colors just by looking at the HSL

#

cant do shit with hex and rgb

alpine cove Nov 23, 2023, 6:47 PM

#

https://en.wikipedia.org/wiki/File:RGB_2_HSL_conversion_with_grid.ogg

File:RGB 2 HSL conversion with grid.ogg

#

funy

clear siren Nov 23, 2023, 6:53 PM

#

join me in oklch()

#

forget inferior color formats

alpine cove Nov 23, 2023, 6:54 PM

#

true

vestal field Nov 23, 2023, 7:47 PM

#

true

#

honestly lch is pretty good as well

glossy aurora Nov 23, 2023, 9:16 PM

#

the best color system is a single integer named color with no indication as to what system it uses

mortal mantle Nov 23, 2023, 9:17 PM

#

salmon

glossy aurora Nov 23, 2023, 9:18 PM

#

the color red can be stored as 11546150

teal cave Nov 23, 2023, 9:27 PM

#

time to create a sass module that's just mapping pantone colours to a sensible colour system, so that people who are only familiar with wall paint and wool dye can write css easily

#

never fucking mind

summer adder Nov 23, 2023, 9:33 PM

#

im too cute and stupid to figure out the link color class

#

i've tried anchor_c8ddc0 anchorUnderlineOnHover__78236, but doesnt seem to be it

#

am i just acoustic?

clear siren Nov 23, 2023, 9:35 PM

#

.markup_a7e664 a is the selector discord uses but either of those should also work (not both) and preceded with a . obviously

#

or you can also :root { --text-link: whatever !important; }

vestal field Nov 23, 2023, 9:36 PM

#

summer adder im too cute and stupid to figure out the link color class

if you want to just change link colors globally you can do

.theme-dark {
    --text-link: red;
}```

summer adder Nov 23, 2023, 9:37 PM

#

ahh

#

alright ill try that

#

worked, thanks

#

its an eyesore. i love it.

summer adder Nov 23, 2023, 9:44 PM

#

vestal field if you want to just change link colors globally you can do ```css .theme-dark {...

just for later use, what other --'s are there?

#

surely theres more than just --text-link

#

would be useful to know them or know how to find them

clear siren Nov 23, 2023, 9:47 PM

#

if you scroll down on the styles in devtools you will find them

summer adder Nov 23, 2023, 9:48 PM

#

assuming they're findable in vesktop as well?

clear siren Nov 23, 2023, 9:48 PM

#

yes

summer adder Nov 23, 2023, 9:48 PM

#

alright good

#

assuming its the first style category i have selected, right?

clear siren Nov 23, 2023, 9:50 PM

#

no I mean select any element and scroll down on the right pane

#

summer adder Nov 23, 2023, 9:50 PM

#

ahhh

clear siren Nov 23, 2023, 9:50 PM

#

you can then also click the app.xxxx.css

#

and it will take you to the file they're in

summer adder Nov 23, 2023, 9:51 PM

#

alright

#

yeah sorry for my dumbness over here lol, i learnt css but not a whole lot

#

i plan to take more courses in the future

clear siren Nov 23, 2023, 9:52 PM

#

I learned everything by just throwing random css at things and see what sticks, but also https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

MDN Web Docs

CSS reference - CSS: Cascading Style Sheets | MDN

Use this CSS reference to browse an alphabetical index of all of the standard CSS properties, pseudo-classes, pseudo-elements, data types, functional notations and at-rules. You can also browse key CSS concepts and a list of selectors organized by type. Also included is a brief DOM-CSS / CSSOM reference.

summer adder Nov 23, 2023, 9:54 PM

#

thanks tho, helps a lot to know where i can find the styles

#

hehehe its even more of an eyesore now, i love it

#

got bored of the eyesore and made it less of an eyesore

#

#

changed text

summer adder Nov 23, 2023, 10:22 PM

#

need help again

#

i literally for the life of me cant find that little yellow rectangle from mentions

clear siren Nov 23, 2023, 10:25 PM

#

I don't even know what I'm looking at

#

oh I think you mean [class*=mentioned_]::before maybe?

summer adder Nov 23, 2023, 10:32 PM

#

ill try it

deft niche Nov 23, 2023, 10:32 PM

#

guys is discord supposed to look like this 🥺 🥺 🥺 🥺 🥺

summer adder Nov 23, 2023, 10:32 PM

#

deft niche guys is discord supposed to look like this 🥺 🥺 🥺 🥺 🥺

erm no its supposed to look like this, duh

deft niche Nov 23, 2023, 10:33 PM

#

beautiful

summer adder Nov 23, 2023, 10:33 PM

#

@summer adder

#

@clear siren nope

#

not the little yellow rectangle

#

this thing

clear siren Nov 23, 2023, 10:34 PM

#

uhh

#

<---- the one that shows up there @summer adder ?

summer adder Nov 23, 2023, 10:35 PM

#

yes

#

that tiny one at the very end left

clear siren Nov 23, 2023, 10:35 PM

#

[class*=mentioned_]::before should select it

#

I have it as display:none and styled the message instead

summer adder Nov 23, 2023, 10:36 PM

#

nothing, not changing

#

is the code good?

#

[class*="mentioned_"]::before {
color: rgb(128, 81, 172);
}

clear siren Nov 23, 2023, 10:37 PM

#

use background-color

summer adder Nov 23, 2023, 10:37 PM

#

ahh that did it

#

thx

clear siren Nov 23, 2023, 10:37 PM

#

color only effects contents which it has none

summer adder Nov 23, 2023, 10:37 PM

#

ahhh makes sense

#

but yeah got it to be purple, thx

clear siren Nov 23, 2023, 10:39 PM

#

I did this

summer adder Nov 23, 2023, 10:39 PM

#

nicee

deft niche Nov 23, 2023, 10:52 PM

#

i broke it so bad holy shit 💀

rugged echo Nov 23, 2023, 10:59 PM

#

skewcord

summer adder Nov 23, 2023, 11:02 PM

#

deft niche i broke it so bad holy shit 💀

if broken (
what
else
huh
)

deft niche Nov 23, 2023, 11:02 PM

#

if(broken)
{
breakmore();
}
else
{
breakmore();
}

summer adder Nov 23, 2023, 11:04 PM

#

elseelse
{
breakmoremore();
}

#

well this shits pretty much done

#

    --text-normal: rgb(128, 81, 172);
    --text-link: rgb(161, 103, 214);
    --channels-default: rgb(128, 81, 172);
    --interactive-active: rgb(128, 81, 172);
    --channel-icon: rgb(128, 81, 172);
    --interactive-normal: rgb(128, 81, 172);
    --mention-foreground: rgb(161, 103, 214);
    --mention-background: rgb(84, 54, 112);
    --background-mentioned-hover: rgb(61, 39, 82);
    --background-mentioned: rgb(63, 40, 85);
    --text-muted: rgb(128, 81, 172);
    --header-primary: rgb(128, 81, 172);
    --brand-experiment: rgb(128, 81, 172);
    --brand-experiment-560: rgb(128, 81, 172);
}

[class="repliedTextPreview__90311 clickable_d866f1"] {
    color: rgb(128, 81, 172);
}

[class*="mentioned_"]::before {
    background-color: rgb(128, 81, 172);
}

.liveShapeRound__811c0 {
    background-color: rgb(128, 81, 172);
}```

#

best used with clientheme plugin, with the color code #352a4e

vestal field Nov 24, 2023, 12:31 AM

#

drop a pic

summer adder Nov 24, 2023, 1:00 AM

#

with:

#

without:

#

really goes well with the client theme plugin, with the color #352a4e

summer adder Nov 24, 2023, 1:17 AM

#

now time to put it onto a github repo so i can just use @import instead of clogging up space

#

there we go

#

if you want the repo

#

https://raw.githubusercontent.com/MadelineMaid/purple/main/purple.txt

rugged echo Nov 24, 2023, 1:29 AM

#

purple.txt

summer adder Nov 24, 2023, 1:36 AM

#

well thats what it does

#

shrug

rugged echo Nov 24, 2023, 1:41 AM

#

no I mean it should be .css, but maybe it works with an import anyways

summer adder Nov 24, 2023, 1:41 AM

#

yeah it does work, but thx for the heads up

#

there i updated it to be .css

#

https://raw.githubusercontent.com/MadelineMaid/css_code/main/purple.css

#

yo, any way to recolor the discord logo when started

#

this fucker

#

i get its like a looped video but is there a way

#

?

supple jacinth Nov 24, 2023, 3:10 AM

#

summer adder this fucker

yeah you can

#

video[data-testid="app-spinner"] {
filter: saturate(0) brightness(0) invert(74%) sepia(4%) saturate(3176%) hue-rotate(196deg) brightness(101%) contrast(103%);
}

#

quite cursed

edgy sentinel Nov 24, 2023, 3:25 AM

#

you can use this tool to generate the filter to turn the spinner into any colour you want https://codepen.io/sosuke/pen/Pjoqqp

CodePen

Barrett Sonntag

CSS filter generator to convert from black to target hex color

Added License 2022-07-15; this is retroactive for whatever help that is. 0-clause Free BSD License Permission to use, copy, modify, and/or distribute...

#

video[data-testid="app-spinner"] {
  filter: brightness(0) saturate(100%) [... - YOUR GENERATED FILTERS HERE];
}

summer adder Nov 24, 2023, 3:34 AM

#

alright, thanks

sweet tundra Nov 24, 2023, 3:55 AM

#

hug

#

huh

#

they use a video element for the spinny thing

#

why arent they using an svg animation

glossy aurora Nov 24, 2023, 4:08 AM

#

discord moment

summer adder Nov 24, 2023, 4:29 AM

#

sweet tundra why arent they using an svg animation

because they're just feeling a bit silly

#

but thank you, now it actually looks good

#

#

so that now means that this, is officially considered a theme instead of just css to me

vast delta Nov 24, 2023, 5:28 AM

#

deft niche guys is discord supposed to look like this 🥺 🥺 🥺 🥺 🥺

wonkycord

summer edge Nov 24, 2023, 9:06 AM

#

edgy sentinel you can use this tool to generate the filter to turn the spinner into any colour...

Wow, this would helped so much in some of my projects

solid ore Nov 24, 2023, 10:49 AM

#

is there a way to replace this shiggy with another gif or svg? or just what is the selector

clear siren Nov 24, 2023, 11:02 AM

#

doubt it, even if there was a selector for it it probably would not be stylable

#

I might be wrong though

mortal mantle Nov 24, 2023, 11:12 AM

#

there could be something in vesktop's source code

#

replace it and build from source is the solution I could think of

clear siren Nov 24, 2023, 11:13 AM

#

there is https://github.com/Vencord/Vesktop/blob/main/static/views/splash.html

GitHub

Vesktop/static/views/splash.html at main · Vencord/Vesktop

Vesktop gives you the performance of web Discord and the comfort of Discord Desktop - Vencord/Vesktop

#

and https://github.com/Vencord/Vesktop/blob/main/static/shiggy.gif

GitHub

Vesktop/static/shiggy.gif at main · Vencord/Vesktop

Vesktop gives you the performance of web Discord and the comfort of Discord Desktop - Vencord/Vesktop

#

css won't effect it as I predicted

solid ore Nov 24, 2023, 11:33 AM

#

clear siren css won't effect it as I predicted

thanks anyways

summer adder Nov 24, 2023, 3:10 PM

#

anybody know any secret spots of discord i wouldn’t find normally to color

#

making a theme and want to color all possible stuff

prisma garden Nov 24, 2023, 5:42 PM

#

summer adder anybody know any secret spots of discord i wouldn’t find normally to color

mabe the ctrl + K and the ctrl + / menus

summer adder Nov 24, 2023, 5:49 PM

#

what does ctrl K do again

#

i’m not near my computer rn

#

and won’t be for like 3-4 hours

gilded cloak Nov 24, 2023, 5:50 PM

#

Quick navigation dialog

summer adder Nov 24, 2023, 5:51 PM

#

ahhh right

#

and i remember ctrl /, just the control menu

clear siren Nov 24, 2023, 6:16 PM

#

be sure to rice up the delete account page too

glad urchin Nov 24, 2023, 6:26 PM

#

nitor page

summer adder Nov 24, 2023, 8:01 PM

#

those all take seperate colors?

#

damn discord you really like doing things the hard way

clear siren Nov 24, 2023, 8:01 PM

#

they use the same color variables as everything else really

summer adder Nov 24, 2023, 8:03 PM

#

noted that i have to do all those

#

think i’m also gonna end up making the bg colors actually part of the theme instead of just telling people to use a specific hex code in clienttheme

#

just seems easier

#

(and most the time they won’t even see the comment i left for it cause they would probably use @import)

summer adder Nov 24, 2023, 8:38 PM

#

prisma garden mabe the ctrl + K and the ctrl + / menus

ctrl / done

#

and apparently ctrl k is already affected, but thats probably only due to the clienttheme plugin being enabled. still will have to change its color

#

but at least its good to know what it'll look like

summer adder Nov 24, 2023, 9:21 PM

#

the hell are the scrollers at

#

i cant find their name/style

clear siren Nov 24, 2023, 9:24 PM

#

you can change their color with --scrollbar-thin-track --scrollbar-auto-track --scrollbar-thin-thumb --scrollbar-auto-thumb

summer adder Nov 24, 2023, 9:24 PM

#

ahhh alr

#

thx

clear siren Nov 24, 2023, 9:24 PM

#

or https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar

MDN Web Docs

::-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.

#

https://webkit.org/blog/363/styling-scrollbars/

WebKit

Styling Scrollbars

WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas.

summer adder Nov 24, 2023, 9:26 PM

#

thx you now it actually looks good

#

summer adder Nov 24, 2023, 10:03 PM

#

just pushed out an update to my theme

#

now it actually colors the client itself instead of relying on the client theme plugin

#

i went from 34 lines of work

#

to a whopping

#

95

steel scroll Nov 24, 2023, 10:09 PM

#

you can also

#

#🎨-css-snippets message

summer adder Nov 24, 2023, 10:10 PM

#

nah i like doing it myself

steel scroll Nov 24, 2023, 10:11 PM

#

just make sure your theme doesn't explode discord

#

a lot of lag comes from themes that change a lot of stuff

summer adder Nov 24, 2023, 10:11 PM

#

so far it runs silky smooth as if it doesnt even have the theme

steel scroll Nov 24, 2023, 10:12 PM

#

ClientTheme doesn't hurt because it only changes vars

teal cave Nov 24, 2023, 10:27 PM

#

I think it nice to cause lag and problems so that only the most stubborn fuckers will use your theme :bran:

summer adder Nov 24, 2023, 10:48 PM

#

how can i change pfps?

#

like as in webhook pfps that dont have a pfp assigned

#

i wanna do this because i know darn well the pfp isnt gonna change

#

and for personal use

edgy sentinel Nov 24, 2023, 10:56 PM

#

i think theres no way to differentiate between a webhook and people using no pfp with pure css

#

you can match avatars using that specific img as their src and change the image, but it'll also affect people with no pfp

summer adder Nov 24, 2023, 10:57 PM

#

ah oh well, up to those people to get a pfp

#

thx for the tip

edgy sentinel Nov 24, 2023, 10:57 PM

#

shiggy

#

.avatar__08316[src="/assets/5d6a5e9d7d77ac29116e.png"] {
    content: url("https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=128&quality=lossless");
}

summer adder Nov 24, 2023, 10:57 PM

#

hypershiggy

clear siren Nov 24, 2023, 10:58 PM

#

 { content: url("xxxx") !important; }``` will this not work? won't the webhooks have a username?

edgy sentinel Nov 24, 2023, 10:58 PM

#

what does -xxxxxxxxxxxxxxx stand for here

#

the userId of webhooks is just the webhook id

clear siren Nov 24, 2023, 10:59 PM

#

random numbers that each user has I dunno what they are

edgy sentinel Nov 24, 2023, 10:59 PM

#

#

theres no way to know if its a webhook or user with pure css

edgy sentinel Nov 24, 2023, 10:59 PM

#

edgy sentinel ```css .avatar__08316[src="/assets/5d6a5e9d7d77ac29116e.png"] { content: url...

just this works

clear siren Nov 24, 2023, 11:01 PM

#

oh you're right the 'username' is random for each message, nvm (or rather it's the timestamp)

summer adder Nov 24, 2023, 11:01 PM

#

anyways it worked, thx. doubles as my call to action and for suspicious accounts

edgy sentinel Nov 24, 2023, 11:12 PM

#

if you care, i can add a way to differentiate whether a message is a webhook, bot or user

#

via the ThemeAttributes plugin

#

would be really easy

summer adder Nov 24, 2023, 11:16 PM

#

wdym

#

doesnt discord already do that with the tags

#

?

clear siren Nov 24, 2023, 11:20 PM

#

yeah those could be used in a selector

edgy sentinel Nov 24, 2023, 11:21 PM

#

not really

#

they dont let u differentiate between bot and webhook

summer adder Nov 24, 2023, 11:22 PM

#

i mean

#

it says webhook right there

clear siren Nov 24, 2023, 11:22 PM

#

webhooks do have data-tag="webhook" in them

edgy sentinel Nov 24, 2023, 11:22 PM

#

thats MoreUserTags lmao

#

but yes true you could use that

clear siren Nov 24, 2023, 11:23 PM

#

yeah but still

edgy sentinel Nov 24, 2023, 11:24 PM

#

.messageListItem__6a4fb:has(.botTag__11e95[data-tag="webhook"]) .avatar__08316[src="/assets/5d6a5e9d7d77ac29116e.png"] {
    content: url("https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=128&quality=lossless");
}

#

cursed

summer adder Nov 24, 2023, 11:26 PM

#

ill disable the plugin and see whjat this does cause im too dumb to figure out myself

#

so far i see no difference

#

@cloud jolt

#

nope

#

then again

#

im stupid

#

venbot isnt even a fucking webhook

#

gx_kms

#

weird

#

even with everything turned off and that code put in

#

im not seeing anything

#

#

@edgy sentinel im big stupid, what is this supposed to do

edgy sentinel Nov 24, 2023, 11:30 PM

#

thats a bot not webhook

#

or rather

summer adder Nov 24, 2023, 11:31 PM

#

gx_kms

edgy sentinel Nov 24, 2023, 11:31 PM

#

you don't have MoreUserTags enabled

#

either one of those

summer adder Nov 24, 2023, 11:31 PM

#

oh it NEEDS to be enabled

#

alrightie

edgy sentinel Nov 24, 2023, 11:31 PM

#

yeah bestie 😭

#

you can use the previous one too

#

this one ONLY targets webhooks

#

no normal users

summer adder Nov 24, 2023, 11:31 PM

#

alrightie

#

yeah i had disabled it for this css cause i thought i needed to 😭

#

alrightie ill go look at it on my github webhook

#

erm

#

what the carp

#

nothing

#

and the codes in my quickcss!!!

clear siren Nov 24, 2023, 11:33 PM

#

yeah because that has an avatar

summer adder Nov 24, 2023, 11:33 PM

#

ah

#

look at them go

#

:3

clear siren Nov 24, 2023, 11:34 PM

#

:3

summer adder Nov 24, 2023, 11:34 PM

#

thats it

#

i need a code

#

thats just

#

(psuedo code)

teal cave Nov 24, 2023, 11:34 PM

#

every bot is shig

summer adder Nov 24, 2023, 11:34 PM

#

if image
replace with shiggy gif

#

everyone

#

everything

#

shig.

clear siren Nov 24, 2023, 11:36 PM

#

that's easy enough, img { content: url(shig.gif) !important; }

summer adder Nov 24, 2023, 11:36 PM

#

lemme try

#

ill put it in theme folder so its toggleble

#

okay so

#

you got the wrong shiggy gif destination

#

or something happened

#

clear siren Nov 24, 2023, 11:38 PM

#

#

works for me

summer adder Nov 24, 2023, 11:38 PM

#

maybe i just need to refresh my client after

#

nope

#

maybe. dont put it in theme folder for toggling.

clear siren Nov 24, 2023, 11:39 PM

#

img { content: url(https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=128&quality=lossless) !important; } works in quickcss

#

but now that I removed it all avatars broke lol gotta restart client

summer adder Nov 24, 2023, 11:40 PM

#

lol

clear siren Nov 24, 2023, 11:40 PM

#

summer adder Nov 24, 2023, 11:40 PM

#

EVERYTHINGS SHIGGY

#

#

AMAZING

#

now time to put it in the theme folder

#

okay

summer adder Nov 24, 2023, 11:44 PM

#

clear siren

so easy fix for this

#

put that exact code

#

into a css file

#

and into the themes folder

#

when you toggle the theme back off

#

all images reset

#

so your icons wont be broken

clear siren Nov 24, 2023, 11:44 PM

#

yeah well not like I want to keep that as a theme lol

summer adder Nov 24, 2023, 11:45 PM

#

why not though

#

its amazing

clear siren Nov 24, 2023, 11:47 PM

#

want more amazing? * { background: url(https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=128&quality=lossless) !important;}

summer adder Nov 25, 2023, 12:26 AM

#

please tell me

#

that this just makes

#

the background of discord

#

shaggy

#

shiggy*

#

fuck off autocorrect

edgy sentinel Nov 25, 2023, 12:26 AM

#

it makes the background of everything shiggy

#

aka unusable

summer adder Nov 25, 2023, 12:26 AM

#

perfect*

edgy sentinel Nov 25, 2023, 12:27 AM

#

scary

oak plover Nov 25, 2023, 12:31 AM

#

shiggy overdrive

mortal mantle Nov 25, 2023, 1:06 AM

#

I love troll snippets

#

the golden era of #🎨-css-snippets

warm bough Nov 25, 2023, 3:08 PM

#

how can I find the variable that controls the colour of a button when it's pressed or hovered over, like those blurple ones you just find around discord or even ones like the delete account option?

deft niche Nov 25, 2023, 3:39 PM

#

how do i edit the message text class? i tried span but its not working

#

(message text class as in the text element that displays message content)

vestal field Nov 25, 2023, 6:57 PM

#

warm bough how can I find the variable that controls the colour of a button when it's press...

clear siren Nov 25, 2023, 7:42 PM

#

deft niche how do i edit the message text class? i tried span but its not working

are you familiar with using devtools? there's so many classes and ids to choose from

deft niche Nov 25, 2023, 7:43 PM

#

clear siren are you familiar with using devtools? there's so many classes and ids to choose ...

yeah, i tried all the classes but none of them do anything

clear siren Nov 25, 2023, 7:44 PM

#

what are you trying to achieve specifically

#

I can write you the code you need

deft niche Nov 25, 2023, 7:46 PM

#

oh wait it works now, nevermind, idk why it didnt before bruh

#

thanks anwyay

clear siren Nov 25, 2023, 7:46 PM

#

:3

solid ore Nov 25, 2023, 7:54 PM

#

this was annoying me so i made a thing, idk if others would find it useful

.theme-dark .container__7590f /* 'browse channels' background */
{
  background-color: var(--primary-600);
}
.theme-dark .scroller__81266 /* 'customize' background */
{
  background-color: var(--primary-600);
}
.theme-dark .container__10dc7, /* header background */
.theme-dark .header__60bef
{
  background-color: var(--primary-600);
}
.theme-dark .innerHeader_afca2f:after /* hide little gradient thing */
{
    background: transparent;
}```
left: without
right: with
it will follow whatever theme u use

mortal mantle Nov 25, 2023, 8:27 PM

#

i had to make a separate file to support non-vesktop clients

#

MenheraPull

clear siren Nov 25, 2023, 8:28 PM

#

legacy dogsmirk

mortal mantle Nov 25, 2023, 8:28 PM

#

i cant think of a better word

#

could have just said import-inferior.css

#

trolley

vast delta Nov 25, 2023, 8:42 PM

#

mortal mantle could have just said `import-inferior.css`

import-use-vesktop-you-moron.css

mortal mantle Nov 25, 2023, 8:42 PM

#

:c

#

a bit too rude

#

what if some would just rather use betterdiscord against all odds

vast delta Nov 25, 2023, 8:44 PM

#

dont support them

clear siren Nov 25, 2023, 8:47 PM

#

I think db's plugin lib adds some class or something somewhere, should do some prank on them

mortal mantle Nov 25, 2023, 8:47 PM

#

mutual db hate

vast delta Nov 25, 2023, 8:47 PM

#

clear siren I think db's plugin lib adds some class or something somewhere, should do some p...

wouldnt know from all those lines

vast delta Nov 25, 2023, 8:47 PM

#

clear siren I think db's plugin lib adds some class or something somewhere, should do some p...

betterdiscord probably adds something somewhere by default

#

ima try

clear siren Nov 25, 2023, 8:48 PM

#

yeah they do

#

forgot about that

mortal mantle Nov 25, 2023, 8:48 PM

#

bd made discord have tabs

#

and any themes with those tabs on look horrendous

vast delta Nov 25, 2023, 8:49 PM

#

mortal mantle bd made discord have tabs

tabs????

#

ill see

clear siren Nov 25, 2023, 8:51 PM

#

https://github.com/MiniDiscordThemes/Snippets/tree/main/ModTitle uses :root:has(bd-body) to select bd

GitHub

Snippets/ModTitle at main · MiniDiscordThemes/Snippets

CSS snippets for Discord. Contribute to MiniDiscordThemes/Snippets development by creating an account on GitHub.

mortal mantle Nov 25, 2023, 8:52 PM

#

https://betterdiscord.app/plugin/ChannelTabs

BetterDiscord

ChannelTabs - BetterDiscord

Adds tabs and bookmarks to Discord, just like in a normal web browser.

summer adder Nov 25, 2023, 8:53 PM

#

😭

vast delta Nov 25, 2023, 8:53 PM

#

i see nothing

mortal mantle Nov 25, 2023, 8:54 PM

#

huh

vast delta Nov 25, 2023, 8:54 PM

#

no tabs

#

just a worse discord experience

mortal mantle Nov 25, 2023, 8:55 PM

#

true

vast delta Nov 25, 2023, 8:56 PM

#

point proven

#

summer adder Nov 25, 2023, 8:57 PM

#

hey

#

@vast delta

mortal mantle Nov 25, 2023, 8:57 PM

#

vast delta point proven

thats the first thing you saw after installation?

#

unreal

summer adder Nov 25, 2023, 8:58 PM

#

@vast delta

#

* {background: url(https://media.discordapp.net/attachments/900907149079744532/1177765879287648316/image.png?ex=6573b2f3&is=65613df3&hm=a67dfcc506f6caaf09123a7d939b1b2f757da11e6bd78e1834b8975aa79df28e&=&format=webp) !important;}

#

do it

vast delta Nov 25, 2023, 8:58 PM

#

i got it

#

let me attempt

summer adder Nov 25, 2023, 8:58 PM

#

wait that’s the wrong code

#

i’m stupid

#

that one was code for a friend

#

@vast delta * { background: url(https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=128&quality=lossless) !important;}

#

that one’s the right code

vast delta Nov 25, 2023, 8:59 PM

#

I CANT CHANGE IT LMAO

summer adder Nov 25, 2023, 9:00 PM

#

made by @clear siren

clear siren Nov 25, 2023, 9:00 PM

#

lol

summer adder Nov 25, 2023, 9:00 PM

#

(just delete the code from your quickcss or the theme file if you used a theme css file)

vast delta Nov 25, 2023, 9:00 PM

#

nice lol

#

@mortal mantle @clear siren add to every piece of css you make

mortal mantle Nov 25, 2023, 9:01 PM

#

LMAO

#

EVIL

summer adder Nov 25, 2023, 9:01 PM

#

if you want a more tolerable one

#

img { content: url(https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=128&quality=lossless) !important; } works in quickcss

#

(still made by @clear siren

vast delta Nov 25, 2023, 9:02 PM

#

the best thing is that that class is always there when using betterdiscord

mortal mantle Nov 25, 2023, 9:02 PM

#

sorry coolesding but i dont want death threats sent to my mailbox

vast delta Nov 25, 2023, 9:02 PM

#

this ONLY exist on bd

vast delta Nov 25, 2023, 9:02 PM

#

mortal mantle sorry coolesding but i dont want death threats sent to my mailbox

trolley

summer adder Nov 25, 2023, 9:02 PM

#

what’s this do lol

mortal mantle Nov 25, 2023, 9:02 PM

#

try it on bd

vast delta Nov 25, 2023, 9:02 PM

#

summer adder what’s this do lol

if you use betterdiscord it will blank your app

#

aka it softlocks betterdiscord users

clear siren Nov 25, 2023, 9:02 PM

#

it makes :root or in this case html be blank when id=bd-stylesheet exists

vast delta Nov 25, 2023, 9:02 PM

#

they have to somehow reset their customcss file

summer adder Nov 25, 2023, 9:03 PM

#

vast delta if you use betterdiscord it will blank your app

oh thank you i’m gonna use this for evil now

#

:3

clear siren Nov 25, 2023, 9:03 PM

#

:3

vast delta Nov 25, 2023, 9:03 PM

#

summer adder oh thank you i’m gonna use this for evil now

every piece of code ill make that doesnt rely on vencord plugins will have this, starting with radialstatus

summer adder Nov 25, 2023, 9:03 PM

#

should make one where it removes everything, and just adds text that says smth like “fuck off bd user”

vast delta Nov 25, 2023, 9:04 PM

#

do i post in snippets? xd

summer adder Nov 25, 2023, 9:04 PM

#

:3

vast delta Nov 25, 2023, 9:04 PM

#

summer adder should make one where it removes everything, and just adds text that says smth l...

lmao

#

i uninstalled discord again so i cant confirm if it will work

summer adder Nov 25, 2023, 9:04 PM

#

lmao

#

also i’m curious how do you get access to talking in #🎨-css-snippets

#

just curious in general

#

arch_spin

clear siren Nov 25, 2023, 9:04 PM

#

should just make it display a hop_on_vencord.gif at a random trigger

summer adder Nov 25, 2023, 9:05 PM

#

img { content: url(hop_on_vencord.gif) !important; }

clear siren Nov 25, 2023, 9:06 PM

#

summer adder also i’m curious how do you get access to talking in <#1028106818368589824>

you have to have any role basically

summer adder Nov 25, 2023, 9:06 PM

#

gah damn

#

okay now to figure out how to just get any role

clear siren Nov 25, 2023, 9:07 PM

#

either donate to ven on github or just be active and post cute things in #🧊-off-topic-iceman-only

summer adder Nov 25, 2023, 9:08 PM

#

is boosting an option

vast delta Nov 25, 2023, 9:09 PM

#

LMAO

#

remove the has requirement to see what it does to bd users

clear siren Nov 25, 2023, 9:09 PM

#

actually I'm not sure donating even works and neither does boosting, there is a snippet dev role that you can get by requesting it from a mod

vast delta Nov 25, 2023, 9:10 PM

#

if you post good css stuff then youll get it

#

be active and helpful

#

unlike this, i actually make some good css stuff sometimes haha

summer adder Nov 25, 2023, 9:13 PM

#

good to know the theme i made colors the update notif

vast delta Nov 25, 2023, 9:13 PM

#

oo nice

summer adder Nov 25, 2023, 9:17 PM

#

guess i should color this

#

to be

#

yk

#

purple

vestal field Nov 25, 2023, 9:20 PM

#

is this a w or nah

mortal mantle Nov 25, 2023, 9:22 PM

#

What is that

summer adder Nov 25, 2023, 9:23 PM

#

much better

summer adder Nov 25, 2023, 9:24 PM

#

vestal field is this a w or nah

never for betterdiscord

vast delta Nov 25, 2023, 9:26 PM

#

mortal mantle What is that

USERCSS

vast delta Nov 25, 2023, 9:26 PM

#

vestal field is this a w or nah

@edgy sentinel IS IT TIME NOW????

summer adder Nov 25, 2023, 9:26 PM

#

also i cant find it, what class is the bg of this thing

clear siren Nov 25, 2023, 9:26 PM

#

🤔

vast delta Nov 25, 2023, 9:26 PM

#

PLEEEEEEEEEEAAAAAAAAASSSSSEEEEEEEEEEE

mortal mantle Nov 25, 2023, 9:26 PM

#

So ... Customizing theme directly in discord?

vast delta Nov 25, 2023, 9:26 PM

#

summer adder also i cant find it, what class is the bg of this thing

background of what?

mortal mantle Nov 25, 2023, 9:26 PM

#

I don't get it sorry

vast delta Nov 25, 2023, 9:26 PM

#

mortal mantle So ... Customizing theme directly in discord?

it lets you use a preprocessor on a theme you downloaded

summer adder Nov 25, 2023, 9:27 PM

#

vast delta background of what?

vast delta Nov 25, 2023, 9:27 PM

#

you can make a plugin like interface to edit variables

#

it is so cool

#

you can (when sass is added) use a randomising function

#

IT IS SO COOL

#

i need it

safe python Nov 25, 2023, 9:27 PM

#

summer adder

you can prob use F8Break to see the class

vast delta Nov 25, 2023, 9:27 PM

#

only for downloaded themes :(

summer adder Nov 25, 2023, 9:27 PM

#

safe python you can prob use F8Break to see the class

already tried

#

not there

vast delta Nov 25, 2023, 9:27 PM

#

its a little complicated, ill find it one sec

summer adder Nov 25, 2023, 9:28 PM

#

alr

vast delta Nov 25, 2023, 9:29 PM

#

summer adder Nov 25, 2023, 9:30 PM

#

layerContainer_d5a553?

vast delta Nov 25, 2023, 9:30 PM

#

tooltip__01384 tooltipRight_e5fa1c tooltipPrimary_e5c00d tooltipDisablePointerEvents__14727 listItemTooltip_b1b92d

#

this is the one with background

summer adder Nov 25, 2023, 9:30 PM

#

ahhh alr

vast delta Nov 25, 2023, 9:31 PM

#

tooltip__01384 will probably select all tooltips like that

#

it's hard to distinguish tooltips

summer adder Nov 25, 2023, 9:33 PM

#

not changing the color of it

#

tried color, background, background-color

#

am i being acoustic with my code?

#

    background-color: aqua;
}```

#

ill try putting a !important in there

#

nothing

#

fill doesn't work either

vast delta Nov 25, 2023, 9:35 PM

#

oh god...

summer adder Nov 25, 2023, 9:35 PM

#

i think im being acoustic rn

vast delta Nov 25, 2023, 9:35 PM

#

i hope you didnt do that everywhere

summer adder Nov 25, 2023, 9:37 PM

#

...it works though

vast delta Nov 25, 2023, 9:37 PM

#

#🎨-theme-development message

#

dont use attributes unless necessary

summer adder Nov 25, 2023, 9:37 PM

#

some of them i did .[class]

vast delta Nov 25, 2023, 9:38 PM

#

use .class everywhere

summer adder Nov 25, 2023, 9:38 PM

#

so what do i do with the spaced ones

vast delta Nov 25, 2023, 9:38 PM

#

if it is a class, use .class

summer adder Nov 25, 2023, 9:38 PM

#

ex:

vast delta Nov 25, 2023, 9:38 PM

#

summer adder so what do i do with the spaced ones

send screenshot

vast delta Nov 25, 2023, 9:38 PM

#

summer adder ex:

.topic.expandable

#

replace the space with a dot

summer adder Nov 25, 2023, 9:38 PM

#

ah alr

vast delta Nov 25, 2023, 9:39 PM

#

i cant tell you why (actually i can)

summer adder Nov 25, 2023, 9:39 PM

#

im. having a stroke reading my own code.

#

what was i. trying to do here.

vast delta Nov 25, 2023, 9:39 PM

#

husk

#

just use .icon and .name

#

if it doesnt overwrite, add !important or the parent using >

summer adder Nov 25, 2023, 9:40 PM

#

i think i was trying to combine them all in one

#

why did i do that

#

i gotta stop trying to code at 2 AM

vast delta Nov 25, 2023, 9:41 PM

#

your code says "search .icon and go up the tree until you find modeMuted, if that happens give it that color, same with .name"

summer adder Nov 25, 2023, 9:41 PM

#

now what was i trying to do for this one wtf

vast delta Nov 25, 2023, 9:41 PM

#

anything with colorDefault (i think that is text) that is active but not hideInteraction

summer adder Nov 25, 2023, 9:42 PM

#

ahhh

vast delta Nov 25, 2023, 9:42 PM

#

.color classes always remind me of text nodes

summer adder Nov 25, 2023, 9:45 PM

#

im assuming ::before still works with the .

vast delta Nov 25, 2023, 9:46 PM

#

i can only recommend my long message (because i like the person that made it [not real]) [do not read the sources, it's so much text]

vast delta Nov 25, 2023, 9:46 PM

#

summer adder im assuming ``::before`` still works with the ``.``

yes but your class wont work lol

#

you had [class^= before that, which means starting with

summer adder Nov 25, 2023, 9:47 PM

#

okay so for this one it stays [class^="mentioned_]?

vast delta Nov 25, 2023, 9:47 PM

#

you can open your devtools and press ctrl F while focused on the element tree to open a search, there just paste in [class^=mentioned] and it will highlight all elements that fit that

summer adder Nov 25, 2023, 9:47 PM

#

ahhh

vast delta Nov 25, 2023, 9:47 PM

#

summer adder okay so for this one it stays ``[class^="mentioned_]``?

that would be the rehashproof version (means that it wont break unless discord specifically renames the class manually)

summer adder Nov 25, 2023, 9:48 PM

#

well time to do it

vast delta Nov 25, 2023, 9:48 PM

#

you may remember when discord changed all classes and everything changes so all themes broke, no themes using just [class^=] broke (of course mine did because i used the trailing -)

summer adder Nov 25, 2023, 9:49 PM

#

ahhh i was putting the ::before for this yellow thing

vast delta Nov 25, 2023, 9:49 PM

#

makes sense

summer adder Nov 25, 2023, 9:50 PM

#

so ill leave that one be as a [class=

#

back to optimizing the rest of this code

#

there

#

all of it is now .

vast delta Nov 25, 2023, 9:50 PM

#

it is your decision what you want to do, attribute selectors (the one in [] brackets) are pretty bad performance and can cause your theme to start lagging, .class selectors need you to update the classes every time discord changes them, though i linked a script to do that automatically [here](#🎨-theme-development message) as well

vast delta Nov 25, 2023, 9:51 PM

#

summer adder all of it is now ``.``

nice haha

summer adder Nov 25, 2023, 9:51 PM

#

good, putting it in a . also solved my problem lol

#

#

(i always use bright colors first so i can actually see if it changes)

vast delta Nov 25, 2023, 9:52 PM

#

good old testing using red

#

i always do that as well

clear siren Nov 25, 2023, 9:52 PM

#

same

summer adder Nov 25, 2023, 9:52 PM

#

y'all think this color matches

#

(rectangled because i decided to show the whole screen so you can tell if it matches)

vast delta Nov 25, 2023, 9:53 PM

#

summer adder y'all think this color matches

oof i think it needs a little more contrast

summer adder Nov 25, 2023, 9:53 PM

#

yeah thats what i was thinking too

vast delta Nov 25, 2023, 9:53 PM

#

maybe make it slightly lighter or give it a much lighter border

#

a very thin border*

summer adder Nov 25, 2023, 9:53 PM

#

now thats too much contrast

clear siren Nov 25, 2023, 9:54 PM

#

in general your theme has low contrast between bg and text

vast delta Nov 25, 2023, 9:54 PM

#

but you see the difference immediately

summer adder Nov 25, 2023, 9:54 PM

#

?

vast delta Nov 25, 2023, 9:54 PM

#

clear siren in general your theme has low contrast between bg and text

that as well

vast delta Nov 25, 2023, 9:54 PM

#

summer adder ?

thats good!

summer adder Nov 25, 2023, 9:54 PM

#

true, was thinking about changing the text colors too

#

maybe make them grayish purple

vast delta Nov 25, 2023, 9:54 PM

#

yeah you should make the text maybe almost white

summer adder Nov 25, 2023, 9:55 PM

#

#

?

#

thoughts

vast delta Nov 25, 2023, 9:55 PM

#

pretty good, maybe a bit more

summer adder Nov 25, 2023, 9:55 PM

#

vast delta Nov 25, 2023, 9:56 PM

#

thats very good contrast, though it comes down to taste if you want it to be more purple than that

summer adder Nov 25, 2023, 9:56 PM

#

seems purple enough while also white

clear siren Nov 25, 2023, 9:56 PM

#

that looks good imo

summer adder Nov 25, 2023, 9:57 PM

#

i think the link colors are good for what the theme is aiming to be (purple)

clear siren Nov 25, 2023, 9:57 PM

#

yeah

summer adder Nov 25, 2023, 9:57 PM

#

ill change the channels default to it too

#

unless you think these are fine?

clear siren Nov 25, 2023, 9:58 PM

#

up to you, you don't need to read them as much

vast delta Nov 25, 2023, 9:58 PM

#

it is slightly better than in chat because of the background being darker, it comes down to your taste if you want to make it lighter

#

though you also need a way to indicate a channel is muted, if you make a darker colour than that it would be pretty bad for readability

summer adder Nov 25, 2023, 9:59 PM

#

ill fuck around and find out, i personally like them but if other people wanna use this theme i have to think about them

summer adder Nov 25, 2023, 9:59 PM

#

vast delta though you also need a way to indicate a channel is muted, if you make a darker ...

yeah my thoughts too

vast delta Nov 25, 2023, 9:59 PM

#

i cant type

edgy sentinel Nov 25, 2023, 10:01 PM

#

vast delta <@343383572805058560> IS IT TIME NOW????

it's 2 weeks ago .

summer adder Nov 25, 2023, 10:02 PM

#

fuck

#

@vast delta

#

what -- is muted channels again

#

i forgor

clear siren Nov 25, 2023, 10:03 PM

#

--interactive-muted

summer adder Nov 25, 2023, 10:03 PM

#

thx

#

fun, its not changing

#

clear siren Nov 25, 2023, 10:04 PM

#

put !important

summer adder Nov 25, 2023, 10:05 PM

#

nothing

#

#

it IS changing the reply threads though

clear siren Nov 25, 2023, 10:06 PM

#

works for me

summer adder Nov 25, 2023, 10:06 PM

#

vast delta Nov 25, 2023, 10:06 PM

#

edgy sentinel it's 2 weeks ago .

oh sorry, i got excited

clear siren Nov 25, 2023, 10:06 PM

#

is something else overriding it

#

summer adder Nov 25, 2023, 10:07 PM

#

ahhhh yeah

#

it is, .modeMuted__0aeea.name__8d1ec is

#

ill go change the colors from there

#

i remember doing that cause i wanted different muted colors, not ones that were the same as the reply ribbon

#

give me a good rgb color for muted

#

(css channels are the muted ones)

vast delta Nov 25, 2023, 10:10 PM

#

summer adder give me a good rgb color for muted

use hex :3

summer adder Nov 25, 2023, 10:10 PM

#

fine gimme a good hex color

#

(to convert to rgb)

clear siren Nov 25, 2023, 10:12 PM

#

you could use the same color as the default but with lower alpha

#

what you should also do is forget rgb also and use hsl with your own variable for hue

#

example

#

I use oklch for color but not supported on LEGACY clients (aka not vesktop)

#

then I do things like this

#

and all I need to do to completely change my whole colorscheme is change that one hue value

vestal field Nov 25, 2023, 10:37 PM

#

mortal mantle What is that

theme settings ui that bd is working on

summer adder Nov 25, 2023, 11:01 PM

#

clear siren you could use the same color as the default but with lower alpha

whats the default color

#

currently not at my pc rn

clear siren Nov 25, 2023, 11:05 PM

#

--channels-default on dark theme is --primary-360 which is hsl(var(--primary-360-hsl) / 1); which is hsl(214 calc(var(--saturation-factor, 1) * 8.1%) 61.2%) so I have no idea

#

just set your own colors blobhuskcozy

summer adder Nov 25, 2023, 11:19 PM

#

ehhh good enough

vestal field Nov 25, 2023, 11:25 PM

#

the background of the selected channel looks a bit reddish

#

compared to the rest

summer adder Nov 25, 2023, 11:26 PM

#

yeah i should remove some red value

clear siren Nov 25, 2023, 11:29 PM

#

use hsl, you won't regret it

summer adder Nov 25, 2023, 11:43 PM

#

@vestal field

#

wait no

#

fixed it again

#

vestal field Nov 25, 2023, 11:49 PM

#

its better but not very visible now

#

make it darker (or lighter)

summer adder Nov 26, 2023, 8:27 PM

#

any way to recolor this

vast delta Nov 26, 2023, 8:28 PM

#

always is

summer adder Nov 26, 2023, 8:28 PM

#

damn

vast delta Nov 26, 2023, 8:28 PM

#

do you mean the emoji itself?

summer adder Nov 26, 2023, 8:28 PM

#

stuck gray

#

i just want the gray to be a different color

vast delta Nov 26, 2023, 8:28 PM

#

what gray

summer adder Nov 26, 2023, 8:28 PM

#

so when its not being hovered over

vast delta Nov 26, 2023, 8:28 PM

#

you silly, there are two grays

summer adder Nov 26, 2023, 8:28 PM

#

all of the above

vast delta Nov 26, 2023, 8:29 PM

#

madeline you're stupid :3

summer adder Nov 26, 2023, 8:29 PM

#

awww howd you know :3

vast delta Nov 26, 2023, 8:29 PM

#

do you want to change the emoji or the background?

summer adder Nov 26, 2023, 8:29 PM

#

emoji color when not hovered

vast delta Nov 26, 2023, 8:29 PM

#

select the svg element of the emoji itself and give it a color property, may need !important

summer adder Nov 26, 2023, 8:29 PM

#

alr

vast delta Nov 26, 2023, 8:30 PM

#

ill test it myself

#

perfect, there is no svg

summer adder Nov 26, 2023, 8:30 PM

#

just gonna attempt .sprite__294b3

vast delta Nov 26, 2023, 8:30 PM

#

yep

#

.sprite__294b3 {
filter: grayscale(0)!important;
}

#

to give it color

summer adder Nov 26, 2023, 8:31 PM

#

ahhh i gotta use the filter command again

#

thats why it wasnt red

vast delta Nov 26, 2023, 8:31 PM

#

yeah, the little image has a grayscale filter that probably gets transitioned to 0 when hovered

summer adder Nov 26, 2023, 8:32 PM

#

oh god thats too much color

#

time to adjust

vast delta Nov 26, 2023, 8:33 PM

#

.sprite__294b3 {
filter: hue-rotate(120deg)!important;
}

#

try that with different numbers

summer adder Nov 26, 2023, 8:33 PM

#

alr

#

-155 deg seems good

#

mortal mantle Nov 26, 2023, 8:34 PM

#

I think a better way to change the colors is to change the primary color variables themselves

#

since they will affect all other elements

#

well except that emoji icon

summer adder Nov 26, 2023, 8:35 PM

#

yeah thats what i did originally

#

still doing that for other buttons

summer adder Nov 26, 2023, 8:51 PM

#

much better

#

#

that one thing

#

was just the server mute icon

#

summer adder Nov 26, 2023, 11:33 PM

#

yo how can i recolor the user panel area for only when they dont have nitro

#

cause for people with nitro it just look

#

#

out of line

deft niche Nov 27, 2023, 1:44 AM

#

summer adder yo how can i recolor the user panel area for only when they dont have nitro

fellow ramona pfp haver

#

wegood

summer adder Nov 27, 2023, 1:45 AM

#

AT_spin

pastel lion Nov 27, 2023, 1:48 AM

#

Does anyone have this element name for the talking user avatar in dm, because it didn't highlight when someone or I was talking, I fixed it only in the status bar, but when I try to grab the TalkingAvatar element in devtool it crashes...

deft niche Nov 27, 2023, 1:49 AM

#

summer adder cause for people with nitro it just look

hmmm, i did find a class called userProfileInnerThemedNonPremium__3d0a6, you might be able to just do not:(userProfileInnerThemedNonPremium__3d0a6) depending on the element youre targetting

deft niche Nov 27, 2023, 1:49 AM

#

pastel lion Does anyone have this element name for the talking user avatar in dm, because it...

you can try grab it in vesktop, standard vencord crashes when devtools are opened for some reason

pastel lion Nov 27, 2023, 1:50 AM

#

Vesktop for some reason have different element id and its not working

deft niche Nov 27, 2023, 1:50 AM

#

huh, thats odd

summer adder Nov 27, 2023, 1:55 AM

#

deft niche hmmm, i did find a class called ```userProfileInnerThemedNonPremium__3d0a6```, ...

im too stupid idk how to implement that

#

the code i have rn is

#

    background-color: rgb(29, 22, 36)
}```

toxic yew Nov 27, 2023, 1:58 AM

#

.userProfileInnerThemedNonPremium__3d0a6>.userPopoutOverlayBackground_d8afa4.overlayBackground__86b78 {
background-color: rgb(29, 22, 36)
}

summer adder Nov 27, 2023, 2:01 AM

#

thankies

pastel lion Nov 27, 2023, 2:05 AM

#

pastel lion Does anyone have this element name for the talking user avatar in dm, because it...

if someone find this, please ping me

vestal field Nov 27, 2023, 4:55 AM

#

summer adder thankies

im pretty sure it uses a global variable, just use that instead of manually selecting everything

#

vast delta Nov 27, 2023, 4:57 AM

#

vestal field

this variable gets changed I think

vestal field Nov 27, 2023, 4:57 AM

#

changed for what

vast delta Nov 27, 2023, 4:58 AM

#

nitro themes

#

I was thinking about client themes, but it should still be true

vestal field Nov 27, 2023, 4:59 AM

#

she said only when non-nitro i think

vast delta Nov 27, 2023, 4:59 AM

#

vestal field she said only when non-nitro i think

well then yeah

#

should be a janky workaround just setting the variables at root

devout umbra Nov 27, 2023, 9:12 AM

#

deft niche fellow ramona pfp haver

is there an animated version of scott pilgrim? i only saw the movie

mortal mantle Nov 27, 2023, 10:25 AM

#

I don't know how to feel about this

glad urchin Nov 27, 2023, 10:33 AM

#

steamcord

turbid mortar Nov 27, 2023, 12:53 PM

#

how would I replace this with shiggy when inactive and then hypershiggy on hover?

#

is this possible with a CSS snippet? https://betterdiscord.app/plugin/ColorSighted

alpine cove Nov 27, 2023, 1:10 PM

#

already a vencord plugin

turbid mortar Nov 27, 2023, 1:13 PM

#

how on earth did I miss that

solid ore Nov 27, 2023, 1:53 PM

#

is there a way to do something like
color: hsl(*,*,<20)

#

as in select an element with any color below a certain lightness value

pastel lion Nov 27, 2023, 1:55 PM

#

pastel lion Does anyone have this element name for the talking user avatar in dm, because it...

If some one ever have this issue, just use this

#

.border_d9a17b.speaking__9b95a, .border_e782de.speaking__1dd69 {
    z-index: 5;
    box-shadow: inset 0 0 0 2px var(--ctp-macchiato-green),inset 0 0 0 1.25px var(--ctp-macchiato-green);
};```

#

replace var with ur color

teal cave Nov 27, 2023, 2:21 PM

#

solid ore is there a way to do something like ```color: hsl(*,*,<20)```

sadly no

#

I guess you're trying to do something based on role colour?

gilded cloak Nov 27, 2023, 2:38 PM

#

mortal mantle I don't know how to feel about this

Very easy theme because steam is so inconsistent

mortal mantle Nov 27, 2023, 2:38 PM

#

trolley

#

that's 10000 lines of css

solid ore Nov 27, 2023, 2:41 PM

#

teal cave sadly no

ya, atm im having to manually add everytime i see a dark role colour

#

meant to reply to the other msg but ykwim

teal cave Nov 27, 2023, 2:49 PM

#

mortal mantle that's 10000 lines of css

Def one of the highest effort themes around atm, shockingly good performance too

mortal mantle Nov 27, 2023, 2:51 PM

#

somehow smoother than my 2500 line css fiure

#

engineering marvel

vast delta Nov 27, 2023, 2:51 PM

#

teal cave Def one of the highest effort themes around atm, shockingly good performance too

that's what good selectors do for you

mortal mantle Nov 27, 2023, 2:51 PM

#

he used normal class selectors no?

vast delta Nov 27, 2023, 2:51 PM

#

they are performance wise superior

#

I sent a long message with all the information I gathered from reading like 2 hours

mortal mantle Nov 27, 2023, 2:52 PM

#

seems like you have learned your lesson

vast delta Nov 27, 2023, 2:52 PM

#

search for my messages in CSS dev that contain links

teal cave Nov 27, 2023, 2:52 PM

#

mortal mantle he used normal class selectors no?

Yes, as opposed to the div>div>mydog>div stuff that occasionally gets posted

vast delta Nov 27, 2023, 2:53 PM

#

mortal mantle seems like you have learned your lesson

i am still correct that attribute selectors are superior functionality wise

#

if you read the message you'll see what I have to say about it :3

teal cave Nov 27, 2023, 2:56 PM

#

I'd argue that attr selector are worse for maintenance since decreased readability, otherwise agree

fast plover Nov 27, 2023, 2:57 PM

#

didn't have this on the channel list

vast delta Nov 27, 2023, 2:57 PM

#

teal cave I'd argue that attr selector are worse for maintenance since decreased readabili...

they are much worse in terms of performance

fast plover Nov 27, 2023, 2:57 PM

#

so didnt know it existed

#

im so sorry

#

xd

#

but ye! lemme just repost my question

#

anyone know what this element is actually called? cause i cant seem to find a way to change it xD

#

then again, my port CSS is scuffed as shit, literally JUST learned about it

vast delta Nov 27, 2023, 2:58 PM

#

you can use the devtools to select the element and find out

fast plover Nov 27, 2023, 2:59 PM

#

how so? (also again, sorry my ass is like... NEW NEW to this

vast delta Nov 27, 2023, 2:59 PM

#

my advice is opening the computed section and slowly clicking from the element highest in the tree down to check which one has a background

fast plover Nov 27, 2023, 2:59 PM

#

only reason i got this far is cause this is a port of an already existing theme (which is in html)

vast delta Nov 27, 2023, 2:59 PM

#

fast plover how so? (also again, sorry my ass is like... NEW NEW to this

turn on the setting and then press ctrl shift i

fast plover Nov 27, 2023, 2:59 PM

#

so a lot of the work WAS done for me

vast delta Nov 27, 2023, 3:01 PM

#

I'll tell you when I'm home

fast plover Nov 27, 2023, 3:09 PM

#

vast delta turn on the setting and then press ctrl shift i

which was removed apperently?

#

ive legit just been looking thinking im going blind or smt not being able to find the setting for it (or developer settings tab after enabling dev mode for that matter)

edgy sentinel Nov 27, 2023, 3:22 PM

#

what setting

#

its on by default

#

just ctrl shift i works

fast plover Nov 27, 2023, 3:23 PM

#

it no longer does

#

it hasnt worked since like...late 2022

#

or atleast, that's when i noticed i couldnt do it anymore

summer edge Nov 27, 2023, 3:27 PM

#

edgy sentinel its on by default

Isn’t there the I know what I’m doing in the discord config files?

#

Or does vencord enable that by default?

edgy sentinel Nov 27, 2023, 3:29 PM

#

yes

#

it does

deft niche Nov 27, 2023, 5:18 PM

#

devout umbra is there an animated version of scott pilgrim? i only saw the movie

yeah

devout umbra Nov 27, 2023, 5:18 PM

#

send

deft niche Nov 27, 2023, 5:18 PM

#

it was originally comics, then a movie, then the anime came out a few weeks ago

#

its on netflix

#

you should watch it its great

devout umbra Nov 27, 2023, 5:42 PM

#

i don't have netflix

#

how's it called? just scott pilgrim against the world?

summer adder Nov 27, 2023, 9:41 PM

#

scott pilgrim takes off

#

thats the one on netflix

#

netflix original too

#

so your only choice there is to use netflix free trial

#

also is it possible to code rng in css with a 30 second delay

#

i want to make the most eyestraining rng theme possible that changes everything in red here to a random color say like every 15-30 secs

#

summer edge Nov 27, 2023, 9:49 PM

#

summer adder also is it possible to code rng in css with a 30 second delay

no

summer adder Nov 27, 2023, 9:50 PM

#

okay

summer edge Nov 27, 2023, 9:51 PM

#

You could probably make a really long keyframe to do something like it though

#

Not random, but it may be able to change colors every 30 seconds…

rugged echo Nov 27, 2023, 9:53 PM

#

I think you can put something like rainbow in an animation, but i don't think its random

summer adder Nov 27, 2023, 9:55 PM

#

bowomp

#

welp im too lazy to do that

summer adder Nov 27, 2023, 10:31 PM

#

how can i set styles to have the content of a url image

#

usually its

#

{content: url(link)}

#

but that doesnt work for styles

edgy sentinel Nov 27, 2023, 10:34 PM

#

what?

#

explain a bit better

summer adder Nov 27, 2023, 10:34 PM

#

say i want to do

#

--bg-primary: but replace it with an image

#

but the image is from a url

#

how would i do that

#

would i be able to just --channel-icon: content: url(https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=128&quality=lossless)?

#

(example, im not actually using shiggy)

edgy sentinel Nov 27, 2023, 10:50 PM

#

no

#

that's not how css variables work

#

you need to select the element and depending on what kind of element it is, there are different methods:

img: use content
div and co: use background-image

summer adder Nov 27, 2023, 10:52 PM

#

alr

#

how can i make this one a different color

#

i tried .tooltip__01384.tooltipRight_e5fa1c.tooltipPrimary_e5c00d.tooltipDisablePointerEvents__14727.listItemTooltip_b1b92d::before { background: rgb(30, 19, 43); } but that didnt work

summer adder Nov 27, 2023, 11:51 PM

#

am i just acoustic?

vestal field Nov 28, 2023, 12:05 AM

#

if its an svg u might have to use color

#

or fill

summer adder Nov 28, 2023, 12:34 AM

#

gonna try fill

#

hope its not what i was doing wrong

#

nope, doesnt change its color

dark dragon Nov 28, 2023, 2:12 AM

#

It's a border, can change it like this

.theme-dark .tooltipPrimary_e5c00d .tooltipPointer_a79354, .theme-light .tooltipPrimary_e5c00d .tooltipPointer_a79354 {
    border-top-color: red;
}

summer adder Nov 28, 2023, 4:52 AM

#

alright @vast delta, explain why it’s husk

#

just curious is all

vast delta Nov 28, 2023, 4:53 AM

#

.theme-dark makes it check every element up the tree to the highest element

#

if it's used as a check for dark theme, fine

summer adder Nov 28, 2023, 4:54 AM

#

and if it’s not?

vast delta Nov 28, 2023, 4:55 AM

#

also checks every tooltip pointer up the tree until it finds tooltip primary

vast delta Nov 28, 2023, 4:55 AM

#

summer adder and if it’s not?

it's just wasted performance

summer adder Nov 28, 2023, 4:55 AM

#

i see

#

notes

#

noted.8

vast delta Nov 28, 2023, 4:56 AM

#

#🎨-theme-development message

dark dragon Nov 28, 2023, 5:13 AM

#

It's the selector Discord uses, not much to be done about it

vast delta Nov 28, 2023, 5:33 AM

#

discord is stupid that's why

vestal field Nov 28, 2023, 5:54 AM

#

vast delta it's just wasted performance

true but only like 1 or 2 tooltips are visible at a time so it really has no significant impact

#

probably better than an attribute selector performance wise

vast delta Nov 28, 2023, 6:03 AM

#

yeah but it's bad practice

#

I've seen themes put like 4 or 5 nested selectors after each other

#

especially #app-mount is stupid

dark dragon Nov 28, 2023, 6:07 AM

#

I generally prefer to use their selectors over forcing it with an !important or doing something stupid like chaining a single class as many times as it takes to one up the specificity. It's easier to provide support when themes aren't constantly trying to one-up eachother on specificity

vast delta Nov 28, 2023, 6:14 AM

#

just use one theme :)

#

also, quickcss takes priority over local or online themes if I recall correctly, which means that installing a theme should cause issues with snippets, unless something else is changed in which case it doesn't matter what takes priority

dark dragon Nov 28, 2023, 6:38 AM

#

There are people that use multiple themes at once which causes some issues. I'm not sure how Vencord handles quicks css to have it force priority regardless of specificity(if that's what you're saying there), but Better Discord just links it after themes/plugins; which means it takes priority assuming specificity is the same, but the specificity fuckaround still exists

vestal field Nov 28, 2023, 6:42 AM

#

Vencord handles quicks css to have it force priority regardless of specificity
pretty sure it doesn't. the theme i develop is constantly sitting in my quickcss, and occasionally i will run into specificity issues and have to add a parent class in order to select something

#

however it will override any discord css/theme css with the same specificity because it is applied last

dark dragon Nov 28, 2023, 6:58 AM

#

Yeah, in that case if specificity is ever in question I find it best to just stick to a standard to avoid issues, and the only real standard we have is the native CSS

teal cave Nov 28, 2023, 8:08 AM

#

Wish nesting without the output being a massive selector chain was possible to set as a top-of-the-sheet rule

#

Makes it easy to figure out what the selector is for without having to comment every line

#

But all you can do is spam @at-root which looks like ass, so I chose the lesser(?) of two evils

dark dragon Nov 28, 2023, 8:31 AM

#

I'm a dummy who just doesn't like css nesting, but why nest if you don't need the ancestor selectors?

You're not required to nest just because you're using Sass, you can still write rules as normal

vast delta Nov 28, 2023, 8:56 AM

#

vestal field > Vencord handles quicks css to have it force priority regardless of specificity...

quickcss has priority over themes I think

edgy sentinel Nov 28, 2023, 8:58 AM

#

yes

vast delta Nov 28, 2023, 8:59 AM

#

I AM CORRECT

#

BOW DOWN TO ME PEASANTS

edgy sentinel Nov 28, 2023, 8:59 AM

#

stylesheets appear in this order (and thus have priority from bottom to top with bottom being the highest priority):

Discord
Vencord core
Themes
QuickCss
Vencord Desktop (by limitation, but shouldn't conflict with ur css)

vast delta Nov 28, 2023, 9:00 AM

#

vencord desktop?

edgy sentinel Nov 28, 2023, 9:01 AM

#

vesktop

vast delta Nov 28, 2023, 9:01 AM

#

yes I know but what about it has CSS? just the vesktop settings page?

dark dragon Nov 28, 2023, 9:05 AM

#

It only has priority assuming rule specificity is the same though right? That's what me and Refactor are saying

edgy sentinel Nov 28, 2023, 9:05 AM

#

yes

#

you sometimes have to boost priority by making your selector more specific or use !important

dark dragon Nov 28, 2023, 9:07 AM

#

Yeah, that conversation was about me preferring to use discords selectors rather than using !important or stupidly specific selectors as it makes support easier

fast plover Nov 28, 2023, 1:00 PM

#

Im making a modified version of the ULTRA theme but with my own coloursceheme, however ive hit a roadblock xd

#

how does one make ONLY the text on the accent colour elements black?

#

#

will provide the theme in chat if yall want

clear siren Nov 28, 2023, 1:03 PM

#

well to fix that top bar, find barBase in your css and add color:black on it

fast plover Nov 28, 2023, 1:03 PM

#

fast plover will provide the theme in chat if yall want

cause they...dont follow the common formatting i see in other themes

fast plover Nov 28, 2023, 1:04 PM

#

clear siren well to fix that top bar, find barBase in your css and add color:black on it

the theme css does not contain the term barBase

clear siren Nov 28, 2023, 1:04 PM

#

oh

#

upload the file here

fast plover Nov 28, 2023, 1:04 PM

#

📎 Ultra.theme.css

#

oh also, do wanna revert the status icons back to how they are on default discord

#

no clue what does that

clear siren Nov 28, 2023, 1:11 PM

#

hmm well there's no super easy way of fixing the colors on all elements that use accent background

fast plover Nov 28, 2023, 1:12 PM

#

even if there was a way to do it one by one im fine with it

#

xd

clear siren Nov 28, 2023, 1:13 PM

#

--white-500: black !important; will fix quite a lot

fast plover Nov 28, 2023, 1:13 PM

#

just worried itll make ALL white text black xd

#

put it anywhere or in a specific category??

clear siren Nov 28, 2023, 1:14 PM

#

in the same place where all other variables are declared

fast plover Nov 28, 2023, 1:14 PM

#

clear siren in the same place where all other variables are declared

ait ait

clear siren Nov 28, 2023, 1:14 PM

#

it does change a few elements it shouldn't but nothing major as far as I can tell

fast plover Nov 28, 2023, 1:16 PM

#

it hasn't changed the ping number by the looks of it

#

but generally it has done most that i wanted it to

#

ive noticed some stuff break tho

clear siren Nov 28, 2023, 1:18 PM

#

yeah there's some buttons in settings that don't have a background for an example

fast plover Nov 28, 2023, 1:18 PM

#

pressing on yellow elements now has them turn a sort of dark blue? (#3D459F) however that colour is not found in the theme by both the rgb and hex valiue

#

since for some reason they use both

clear siren Nov 28, 2023, 1:19 PM

#

yeah that is brand-experiment-600 when using the read all button for an example

fast plover Nov 28, 2023, 1:20 PM

#

oo

#

over here its 560

#

but close enough

clear siren Nov 28, 2023, 1:21 PM

#

oh yeah hover is 560 and active is 600

fast plover Nov 28, 2023, 1:21 PM

#

600 is never specified so..guess i should do that

fast plover Nov 28, 2023, 1:24 PM

#

clear siren oh yeah hover is 560 and active is 600

sorry for my stupidity btw, my ass has barely came across brand-experiment or anything like the theme im using rn

#

before this was Vendetta themes...which are all almost basic html

#

when it comes to editing

clear siren Nov 28, 2023, 1:27 PM

#

yeah discord css can be a pain with all the variables and general spaghetti code

fast plover Nov 28, 2023, 2:01 PM

#

yeah xddd

fast plover Nov 28, 2023, 2:35 PM

#

Only things left on the dining board

-Changing some of the unintended blackenings
-changing the colour of unread channels

reverting back the position of the status icons

#

and before anyone says "just use Devtools" i literally cant

#

it crashes (and used to log me out before i turned on NoDevToolWarning) my client

#

if i could use it i would have

clear siren Nov 28, 2023, 2:39 PM

#

use vesktop :3

mortal mantle Nov 28, 2023, 3:21 PM

#

^

summer adder Nov 28, 2023, 5:21 PM

#

me when nobody uses vesktop (way more superior)

lucid lagoon Nov 28, 2023, 6:24 PM

#

I am trying to hide the discord home button but non of these work. Does anyone know why?

`/* Hide Home button in Home /
a[data-list-item-id="___home"] { display: none; }

/* Hide Home button in Home /
a[data-list-item-id="guildsnav___home"] { display: none; }`

clear siren Nov 28, 2023, 6:40 PM

#

it's not an a element, it's a div

#

other than that you're on the right track

#

note that making that part display:none will leave an empty space which will still be clickable to go to DMs, is that what you intended?

lucid lagoon Nov 28, 2023, 6:50 PM

#

clear siren note that making that part display:none will leave an empty space which will sti...

i want to hide it and make it unclickable and there be nothing there

so that i dont get distacted by group chats and dms i dont want to leave

what would be the correct thing to hide it and make there be nothing where it is

clear siren Nov 28, 2023, 6:52 PM

#

so if you want to remove it entirely I would do .tutorialContainer__890ea {display:none!important;}

lucid lagoon Nov 28, 2023, 6:53 PM

#

clear siren so if you want to remove it entirely I would do ``.tutorialContainer__890ea {dis...

this works thank you

summer adder Nov 28, 2023, 8:09 PM

#

clear siren so if you want to remove it entirely I would do ``.tutorialContainer__890ea {dis...

i would’ve said the same if i were here lol (stupid school bus broke down)

#

glad to see it solved

#

shiggy

clear siren Nov 28, 2023, 8:09 PM

#

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

deft niche Nov 28, 2023, 8:26 PM

#

i made a css snippet that makes message bubbles, but currently it rounds the corners on every single message. How do i only modify the border-radius of the top and bottom message, to make the illusion of a full bubble?

.message__80c10
{
    background-color: rgb(10, 10, 10);
    border-radius: 20px;
}

#

alright, i figured out the class for the first message but not the last one, and im not sure how to remove the spacing of the background colors

.groupStart__56db5
{
    background-color: rgb(12, 12, 12);
    max-width: fit-content;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin: 5px;
    display: grid;
}
.message__80c10:not(.groupStart__56db5)
{
    background-color: rgb(12, 12, 12);
    max-width: fit-content;
    margin: 5px;
    display: grid;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

clear siren Nov 28, 2023, 8:37 PM

#

didn't ryan already make a working css for you #🎨-theme-development message

deft niche Nov 28, 2023, 8:38 PM

#

oh i totally forgot oop 💀

summer adder Nov 28, 2023, 9:54 PM

#

dark dragon It's a border, can change it like this ```css .theme-dark .tooltipPrimary_e5c0...

wait yeah im just now realising why are you doing .theme-dark

mortal mantle Nov 28, 2023, 10:20 PM

#

Because theme light is inferior

summer adder Nov 28, 2023, 11:51 PM

#

need to find out how to change the bg of this, cant find it for the life of me

#

like the command

#

i already got its class

#

wait i figured it out im just stupid

#

now how to get rid of the fades? (only red because its a good old test color)

#

nvm nvm, found it im just stupid

deft niche Nov 29, 2023, 12:20 AM

#

summer adder nvm nvm, found it im just stupid

just for future reference, if it exists, theres a 99% change you can find it in the inspect selector

summer adder Nov 29, 2023, 12:27 AM

#

thats what i did when i couldnt find it, thats why i asked shocked

dark dragon Nov 29, 2023, 4:14 AM

#

summer adder need to find out how to change the bg of this, cant find it for the life of me

Oh, if you're after making that and context menus the same colour as your tooltips there's a much better way to do that.

Remove all this shit you've got changing the colour of them and just do something like this

.theme-dark {
  --background-floating: red;
}
.theme-light {
  --background-floating: blue;
}

#

Hell, even if you want them different colours, it's probably cleaner to do them that way. Even if not the best practice.

Like this

.tooltip__01384 {
  --background-floating: red;
}
.container_d6dad3 {
  --background-floating: blue;
}
.menu_dc52c6 {
  --background-floating: green;
}

vestal field Nov 29, 2023, 4:34 AM

#

madeline needs to look through the entire global variable list lol

wicked sparrow Nov 29, 2023, 6:32 AM

#

hey guys need someone to check if this works

#

  max-width: unset !important;
}```

#

trying to make embeds expand to the full width

#

it was working before discord changed to underscores in the class naming thing

#

i just copied the new classnames in the way i had them but thatdidn't do it

#

nvm got it

vast delta Nov 29, 2023, 6:34 AM

#

try just .embedWrapper_c143d9

#

L

wicked sparrow Nov 29, 2023, 6:35 AM

#

  max-width: unset !important;
}```

#

needed gridcontainer aswell

#

just posted it back if someone else wanna use it too

vast delta Nov 29, 2023, 6:36 AM

#

if you're using !important you definitely don't need selector specificity with parents, just do gridcontainer lol

wicked sparrow Nov 29, 2023, 6:36 AM

#

https://cdn.discordapp.com/emojis/550505606029770762.webp?size=48&name=PikaThink~1&quality=lossless

#

maybe gridcontainer is used somewere else too?

#

ok it works with just gridcontainer but i have one more qustion

#

the embeds i am trying to expand, they are from an osu bot, one of the embeds it has does inline styling of max-width and it doesn't overwrite even while i have !important