silly!

[spiral aurora]

should be obvious that you can change --prompt-text to anything else if you want...

[spiral aurora]

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

[teal cypress]

explode

[spiral aurora]

[outer egret]

I never changed my text lol, I've also been using this for a while :3

[toxic lagoon]

is there a way to get the channel name for this?

like if i wanted it to have yap in "silly!" instead of Message "silly!" or something

[ocean roost]

needs js

[toxic lagoon]

sad

[hollow spire]

Would it be possible to set this to a list that changes each time you load discord/ change servers

[toxic lagoon]

probably only with js

i dont think css has any way to randomly select from a list

[modern robin]

Maybe you could do that by getting the CSS with an import statement, and the server that returns the CSS changes it every time. But it would just be easier to use JS

[hollow spire]

i mean i know js but i didnt know you could even use it on discord?

[toxic lagoon]

discord is made with js. its a web app

[ocean roost]

#1032200195582197831

[delicate storm]

pretty much every website uses some form of JS, otherwise it wouldnt react to anything you did on it

prolly some exceptions, but most sites use it

[rose raven]

So many great ideas have died with the words “needs JS”

[ocean roost]

yeah because running third party plugins is much harder than css snippets

[hollow spire]

yeah i do not want to run the dev builds because last i did it was super tedious

and would just randomly stop working

[rose raven]

Developing plugins is also in general just more tedious than CSS

[teal cypress]

depends what youre trying to do

[lunar reef]

how to install this @spiral aurora

[spiral aurora]

https://github.com/AushevAhmad/awesome-css?tab=readme-ov-file#installing-modules

[lunar reef]

tutorial in it?

thx

thx

[lunar reef]

it works thx

[spiral aurora]

Also, @lunar reef, make sure to put all "@import url" stuff on top of css config

[lunar reef]

ok

[delicate storm]

ig some classes are missing from the updater still (or just missing from discord) so heres a selector version

:root{
   --prompt-text: "brrau~! :3";
}
/* custom chat bar input text  */
/* hide existing text */
[class*=placeholder][class*=slateTextArea] {visibility: hidden;}

/* add custom text */
[class*=placeholder][class*=slateTextArea]::before {visibility: visible;content: var(--prompt-text); /* dont break your quotes :3 */}

[haughty timber]

it doesn't seem to work in Vendroid?

[spiral aurora]

[haughty timber]

https://cdn.discordapp.com/emojis/1177614837782683730.gif?size=48

[delicate storm]

Because mobile doesnt use css

[haughty timber]

oh okay, ty

[solid mango]

yo does anyone know how i make this promt a bit more transparent?

[delicate storm]

:root{
   --prompt-text: "brrau~! :3";
}
/* custom chat bar input text  */
/* hide existing text */
[class*=placeholder][class*=slateTextArea] {visibility: hidden;}

/* add custom text */
[class*=placeholder][class*=slateTextArea]::before {visibility: visible; opacity: 25%; content: var(--prompt-text); /* dont break your quotes :3 */}

instead of opacity, you can use a hex code
color: #fff to make it any color you want, as well as opacity

[lethal lark]

in case anyone else wants the random things I wanted i decided to share :3
it bothered me that in channels i cant talk in it told me to be silly because i couldn't so i changed it and a similar thing with in the user popouts as you can see

/*    custom chat bar input text    */
/* default prompt */
:root{
    --prompt-text: "be silly :3";
}

/* prompt in channels you dont have permission to talk in */
[class*=channelTextAreaDisabled] {
    --prompt-text: "no silly :c";
}

/* prompt in profile popouts */
[class*=textAreaForUserProfile] {
    --prompt-text: "perchance a bit of silliness :p";
    opacity: 50%;
}

/* hide existing text */
[class*=placeholder][class*=slateTextArea] {visibility: hidden;}

/* add custom text */
[class*=placeholder][class*=slateTextArea]::before {visibility: visible;content: var(--prompt-text); /*dont break your quotes :3*/}

i have no idea why i had to add the opacity: 50% to the popout one, guessing its because the default is for it to be blank, so there is likely a way to optomize/refactor mine to make it work better bc all i did was figure out how to make it look like what i wanted and moved on

-# ps obviously most of this is copied from LuLu im not that smart :3

[delicate storm]

I only just saw this and I adore the little additions

[lethal lark]

thank youuuu

one of these days i’ll actually make something original guys trust

[delicate storm]

find somethin you dont like and change it, like maybe icons or positioning of something

[lethal lark]

the thing is i don’t actually know css lmaooo i just know it enough to make lil tweaks to already existing code bc the syntax is there already

[dusky moss]

sorry. i think custom emoji bar is broken/not working anymore.

[spiral aurora]

It works for me tho.. it can't be broken since it's using aria label stuff.. check if your language is english because that's the only one that snippet supports

[delicate storm]

:root{
    --customEmojiIconURL: url(https://cdn.discordapp.com/emojis/1217110775601172591.gif?size=240&quality=lossless);
    --customEmojiIconMask: url(https://cdn.discordapp.com/emojis/1217110775601172591.gif?size=240&quality=lossless);
}

/* Custom Emoji Button */
[class*=emojiButton] [class*=spriteColored]{background: var(--customEmojiIconURL) center/contain no-repeat;}

[class*=emojiButton] [class*=spriteGreyscale]{mask: var(--customEmojiIconMask) center/contain no-repeat;}

Fix for non-english clients

if you dont want image to animate, change .gif to .png

any image should work

[dusky moss]

thank you!

[torpid willow]

this theme isn't working for me now

@spiral aurora (sorry for pinging) is there smth wrong with it or am i doing smth wrong)

[spiral aurora]

Make sure to put all @import URL links on top of the CSS configuration. Also make sure that language of Discord is English, otherwise consider using this snippet as an alternative: #1253625317474570342 message

[torpid willow]

still doesn't work