there
#๐จ-theme-development
south pewter
south pewter
yeah exact same link
vast delta
have you noticed lags with that version?
south pewter
no not really
vast delta
especially scrolling up and down the serverlist
south pewter
no shit's smooth as hell
runic lake
jo ppl have someone a snippet to remove super rections on this container under messages ?
vast delta
no shit's smooth as hell
interesting, i heard a ton of issues with box shadow being super laggy
vast delta
jo ppl have someone a snippet to remove super rections on this container under m...
use your dev console
dev tools? guh i dont remember the name
vast delta
lol
vast delta
currently making radialstatus box shadow version
yes its an entire rewrite, no, i dont care and yes i have enough time to waste
clear siren
I also can't use devtools much atm, vesktop keeps crashing on me constantly in various ways when trying to inspect things 
runic lake
yes its an entire rewrite, no, i dont care and yes i have enough time to waste
and why you dont think to work together mit @exotic scaffold ? (radial status dev)
vast delta
and why you dont think to work together mit <@174868361040232448> ? (radial st...
gibbu dont know me, i dont know gibbu
runic lake
lol ?
runic lake
gibbu dont know me, i dont know gibbu
well then here we go ?
vast delta
oh i just realised you pinged gibbu haha
south pewter
i have went big brain and used other servers for css snippits
vast delta
well essentially what happened was:
i tried using radialstatus in vencord
didnt work
looked at code
didnt understand a thing
made it myself in a way that i think is like 100 times better
shared it
south pewter
currently making radialstatus box shadow version
like this?
vast delta
the og radialstatus code is disgustingly complicated, i think what its doing is taking the little moon or green dot and change its shape into a circle around the profile picture, which is why it doesnt allow different roundnesses
vast delta
i have went big brain and used other servers for css snippits
half of this server is on 10 different discord modding servers for css snippets, you are not smart
vast delta
like this?
box shadow is a different way to make a border around the profile picture, from what i heard its worse for performance
south pewter
half of this server is on 10 different discord modding servers for css snippets,...
a
south pewter
box shadow is a different way to make a border around the profile picture, from ...
oh
vast delta
oh wow discord improved the server list a lot i guess
its definitely not lagging at all
runic lake
its definitely not lagging at all
my server list whas never lagging ?
even on BD mit devil bro memory leak plugins
vast delta
when scrolling around quickly
in any case, my performance tests tell me that its definitely better since the update lol
try that one
vast delta
replaces your variables and your old radialstatus code
you can play around with the variables, though size, roundness and borderstyle dont do anything
south pewter
alr
vast delta
kinda missed that box shadow version haha
south pewter
i liked being able to change the ring into a rounded square tho
south pewter
kinda missed that box shadow version haha
box shadow is goofy
vast delta
vast delta
box shadow is goofy
box shadow is what you have been using buffoon
south pewter
box shadow is what you have been using buffoon
isnt that the glowing part of it?
i feel stupid and ik i am
vast delta
box shadow is the property with which the ring is made
your glow variable is what makes it glow
south pewter
ohhh
vast delta
box shadow has that gradient feature, border doesnt
i used border in my performance one, which was, from my experience, always better in performance
south pewter
ok
runic lake
can someone help to remove this button ? super reaction it looks kinda skufed to me in dev tools
vast delta
can someone help to r**emove this button ?** super reaction it looks kinda skufe...
you asked that before, use dev tools, if they dont work, deal with it
runic lake
i mean they look identical
runic lake
you asked that before, use dev tools, if they dont work, deal with it
im in the browser
stable compass
what are you trying to hide
vast delta
you silly
stable compass
you didnt see that
runic lake
i just want to remove super rections but keep the normal one
vast delta
literally have the difference in big letters
stable compass
i just want to remove super rections but keep the normal one
aria-label="Add Super Reaction"
vast delta
[aria-label="Super-Reaktion hinzufรผgen"] {
display: none
}
vast delta
aria-label="Add Super Reaction"
do it correctly silly
runic lake
but if i list with this is shold donst do it because my one is in german not english or not ?
vast delta
will only work in your language
vast delta
but if i list with this is shold donst do it because my one is in german not eng...
1 dont give it to others with localised selectors
2 dont list low effort snippets anyways
runic lake
will only work in your language
yeah and what whas again the method that works on all language?
stable compass
maybe
runic lake
link me to a message on this server with super reactions
you just need a message that have a rection thats all
like this
runic lake
link me to a message on this server with super reactions
i just want to hide the Add button not the reactions entirely
runic lake
.reactions_b8dc93 > div:nth-child(4) {
display: none
}
it work instant lol nice
runic lake
i whas thinking it will look something like this ๐
.button_afdfd9:has([d="M16.886 7.999H20C21.104 7.999 22 8.896 22 9.999V11.999H2V9.999C2 8.896 2.897 7.999 4 7.999H7.114C6.663 7.764 6.236 7.477 5.879 7.121C4.709 5.951 4.709 4.048 5.879 2.879C7.012 1.746 8.986 1.746 10.121 2.877C11.758 4.514 11.979 7.595 11.998 7.941C11.9991 7.9525 11.9966 7.96279 11.9941 7.97304C11.992 7.98151 11.99 7.98995 11.99 7.999H12.01C12.01 7.98986 12.0079 7.98134 12.0058 7.97287C12.0034 7.96282 12.0009 7.95286 12.002 7.942C12.022 7.596 12.242 4.515 13.879 2.878C15.014 1.745 16.986 1.746 18.121 2.877C19.29 4.049 19.29 5.952 18.121 7.121C17.764 7.477 17.337 7.764 16.886 7.999ZM7.293 5.707C6.903 5.316 6.903 4.682 7.293 4.292C7.481 4.103 7.732 4 8 4C8.268 4 8.519 4.103 8.707 4.292C9.297 4.882 9.641 5.94 9.825 6.822C8.945 6.639 7.879 6.293 7.293 5.707ZM14.174 6.824C14.359 5.941 14.702 4.883 15.293 4.293C15.481 4.103 15.732 4 16 4C16.268 4 16.519 4.103 16.706 4.291C17.096 4.682 17.097 5.316 16.707 5.707C16.116 6.298 15.057 6.642 14.174 6.824ZM3 13.999V19.999C3 21.102 3.897 21.999 5 21.999H11V13.999H3ZM13 13.999V21.999H19C20.104 21.999 21 21.102 21 19.999V13.999H13Z"]) {
display: none;
}```uhhh let me think, nope
vast delta
```css
[class^=reactions_]:has([class^=burstGlow_])>div {
display: none
}```
this hides all reactions if there is one super reactions lol
vast delta
```css
[class^=reactions_]:has([class^=burstGlow_])>div {
display: none
}```
oh god this is so hard to fix
[class^=reactions_]>div:has([class^=burstGlow_]) {
display: none
}```probably works
works
confirm +1
runic lake
oh god this is so hard to fix
```css
[class^=reactions_]>div:has([class^=burstGl...
if i use this one its back
tender hedge
mfw my margins on my theme broke and have no clue how to fix
vast delta
mfw my margins on my theme broke and have no clue how to fix
what theme?
tender hedge
solana
vast delta
if i use this one its back
?
tender hedge
using my own fork as the dev that makes/fixes it cant fix it
vestal field
so many good themes abandoned
tender hedge
so many good themes abandoned
nah theyre busy with life
runic lake
?
your css removes super rections completly under messages the target whas to just remove the "add super rection button" what i mentioned early
vast delta
so many good themes abandoned
they are all dead now :O
tender hedge
i fixed all classes myself i just dont know how to fix the margins
vestal field
nah theyre busy with life
yeah i get it, maybe ill have to do the same someday
vast delta
your css removes super rections completly under messages the target whas to just...
"what i mentioned early" you have not mentioned that before
but guh, give me one second
runic lake
.reactions_b8dc93 > div:nth-child(4) {
display: none
}
this one seems to work
tender hedge
as somehow i restarted my discord once and now some things are broken like transparancy and margins across the whole thing
stable compass
this one seems to work
what are you trying to do now
stable compass
as somehow i restarted my discord once and now some things are broken like trans...
is it from the new update
vestal field
yeah
tender hedge
guh
vast delta
but guh, give me one second
[class^=layerContainer_]>[id^=popout_]:has([class^=burstReactionTooltipInner_]) {
display: none;
}```well at least there was a second update on ptb yesterday
tender hedge
im on stable though
stable compass
wrong reply
vestal field
no there was a second class change in some areas iirc
vast delta
https://discord.com/channels/1015060230222131221/1134844326933954622/11672464698...
you didnt "remove this button"
tender hedge
yeah i changed them on my theme
but margins across whole discord are not the same as before
vast delta
you didnt <:husk:1026532993923293184> "remove this button"
the reaction itself is a button, you can find out by clicking it and it does something, just like a button
tender hedge
and i cant look at class names
because my discord crashes the moment it open the inspector
vestal field
because my discord crashes the moment it open the inspector
thought this was fixed
runic lake
because my discord crashes the moment it open the inspector
you need your browser sadly
tender hedge
thought this was fixed
apperantly not
vestal field
are you on vencord?
tender hedge
yeah
vestal field
i think bd mightve fixed it
tender hedge
newest update and everything
vestal field
either way vesktop and web have worked all along
tender hedge
ill switch to vesktop i guess
vestal field
vesktop is very nice
vast delta
vesktop best
stable compass
yes
runic lake
what are you trying to do now
this whas my target thx
tender hedge
ok am on vesktop and inspect works
idk where to look for the offsets though
i can send screenshots of what its supposed to look like and what it looks like for me if anyone wants to help
vestal field
sure
tender hedge
what its supposed to look like
what it looks like for me
normally i have transparancy on so thats why the background is just black
vestal field
so basically rounded corners are gone and the outside margin is gone
vestal field
oh
tender hedge
well and transparancy ig
if needed u can get the base theme here https://github.com/S0apyy/BetterDiscordStuff/blob/main/Themes/Solana/Solana.css
vestal field
kinda strange how the theme doesn't have much margin between panels
tender hedge
wdym
vestal field
like between server list, channel list, and chat
tender hedge
yeah thats normal
tender hedge
yeah
i have everything slightly transparent on my personal version
wich for some reason broke
vestal field
anyways if you want to add outside margin just try adding margin to elements in the inspector
go up the tree
vestal field
wich elements should i be looking for
one of these
try adding padding or margin to one of them
south pewter
what its supposed to look like
try putting the code in here https://syndishanx.github.io/Website/Update_Classes.html
tender hedge
try putting the code in here https://syndishanx.github.io/Website/Update_Classes...
nothing changed
tender hedge
they cant
for another few weeks
im the only one actively trying to fix the theme for everyone using it ๐
tender hedge
one of these
doesnt seem to have the effect as showed in screenshots
padding just gives padding only to the server list on the left side
and margin only messes with chat text
i could send the theme entirely ig
vestal field
doesnt seem to have the effect as showed in screenshots
try adding margin on .appAsidePanelWrapper__714a6
tender hedge
it works
any way it only applies to top right and bottom?
nvm figured that out
now to have it in the theme
huh
seems to cut off litterally everything
these layers seem to have changed wich is the cause of the issue
idk what they have been renamed to though
alright margins are fixed
now for background
ok cool fixed the theme
yippee
autumn hull
```css
[class^=layerContainer_]>[id^=popout_]:has([class^=burstReactionTooltipIn...
just loaded the newest one you posted today for the Radstatus and thank you for hardwork you done this ver looks good and so far runs nice
vestal field
anyone know if there's a good way to differentiate the toolbar buttons without using aria-labels?
toxic yew
:has(>svg>[d^="something")
dusty quiver
ok cool fixed the theme
Said it a few times today but you're the best! (Nevotic from Github)
tender hedge
Said it a few times today but you're the best! (Nevotic from Github)
lol
vestal field
:has(>svg>[d^="something")
ah thanks
autumn hull
/* /////////////////////////////////////////////////////////////////// */
/* Username Background */
.username_d30d99::before {
content: '';
width: calc(100% + 0px);
height: 100%;
border-radius: 5px;
background-color: currentColor;
opacity: 0.3;
position: absolute;
margin-top: 0px;
z-index: -1;
margin-left: -3px;
}
.headerText_f47574 > span {
margin-left: 3px;
}```
If someone wants to use this ๐ turns background behind user name to role color they havebtw ive only started doing theme stuff for discord this week
dusty quiver
btw ive only started doing theme stuff for discord this week <:husk:102653299392...
That's mad lmao
tender hedge
most of the fixes ive done was by using a converter so meh
some other classes had to be done manually because the converter hadnt added those yet
btw anyone know how to remove this weird text on vesktop? #๐ฅ-vencord-support-๐ฅ message
vestal field
i wonder if this will affect perf
tender hedge
try lol
vestal field
can't really tell because vesktop is too good lol
tender hedge
try it on vencord normal edition
toxic yew
[href="https://support.discord.com"] for help button
vestal field
[href="https://support.discord.com"] for help button
oh yeah
tender hedge
btw anyone know how to remove this weird text on vesktop? https://discord.com/ch...
anyone know this though?
its weird
vestal field
anyone know this though?
i think there's a setting where you can make it just say vencord
but rn its a bug that its showing behind the window buttons
vestal field
you could just hide it for now
but probably a vesktop bug
go make an issue on their github
toxic yew
it doesnt happen on my machine
vestal field
oh
tender hedge
it doesnt happen on my machine
use my version of solana theme
and make background transparent ig
only then the issue seems to appear
toxic yew
link?
tender hedge
oh god uh
go to the bottom of that issue as im just keeping the theme working
and it just creates mac os titlebar ig
im not running mac os myself
vestal field
im not running mac os myself
ohhh thats why
if its just fake then you gotta fix the css lol
tender hedge
guh it only appears on vesktop though
vestal field
does it show up to the right of the window buttons on other clients?
tender hedge
and i have no clue why it happens as its only when using transparent background
tender hedge
does it show up to the right of the window buttons on other clients?
wdym
the text?
vestal field
yeah
vestal field
wait so how is it not broken on other clients
tender hedge
only vesk top
i think vesktop hides windows titlebar behind the ui when you actually disable it in settings instead of just removing it entirely
toxic yew
nvm i dont have transparent bg
tender hedge
nvm i dont have transparent bg
enable it
its just renaming initial to transparent and enabling some sort of transparancy option in vesktop settings
toxic yew
i dont have it, i guess it's win 11 only
tender hedge
and when reloading/relaunching vesktop it temporarely dissapears and then just appears again
tender hedge
i dont have it, i guess it's win 11 only
damn
guess ill use vesktop for inspecting for now
toxic yew
^
tender hedge
^
not my issue
it appears behind the "titlebar" with transparancy on
it doesnt show the actual windows title bar
just the text that would normally update when changing servers and channels
sacred ice
wasnt able to find it so far i have my old one but its broken atm. did u find a fix?
if anyone can help me fix whatever is changed to get the spotify above the vc ill be very thankful
gilded radish
hey, are @imports different or is this one just broken?
@import url(//MarkChan0225.github.io/RoundedDiscord/src/roundeddiscord.css);
you're missing the "https:"
gilded radish
oh so I can't do // anymore?
gilded radish
because some of my imports still work like that with //
gilded radish
did that work in the past?
yeah it did
gilded radish
its ugly but it works
I like it
shorter text
vestal field
hey, are @imports different or is this one just broken?
```css
@import url(//Mar...
ok looks like the code is just not updated for the discord update
they're still using classes with - instead of _
gilded radish
ok looks like the code is just not updated for the discord update
ok time to wait 5 months for all the devs to fix their @imports
vestal field
ok time to wait 5 months for all the devs to fix their @imports
its been a day you can't expect all of them to react immediately
vestal field
wait my theme literally does the exact same thing lol i can give you a snippet
vestal field
not exactly the same since i seperate the member list too and don't give the server list it's own box
vestal field
oh cool
gilded radish
the classes update website worked
might as well contact the guy
@rose geode hey, I fixed your Rounded Discord snippet, want the CSS?
vestal field
here's what my version looks like
gilded radish
yeah it's a bit different,the one I use has the server list in a different pill
vestal field
maybe i should do that as well
rose geode
<@608821416212692993> hey, I fixed your Rounded Discord snippet, want the CSS?
Ofc, let me see first
haughty totem
very hard to believe. Source?
now that is stuff i can imagine slowing things down (tho idk).
i heard (from Ducko here) that animations are like the worst offender
haughty totem
this website is a work of art it's so useful
mhm hereโs the lonk for the clickin
https://syndishanx.github.io/Website/Update_Classes.html
i think this should be pinned
as well as, ofc:
gilded radish
yo does asnyone have the selector for this bullshit in the DM List
toxic yew
[href="/shop"]
gilded radish
thanks
pine zenith
One message removed from a suspended account.
One message removed from a suspended account.
mortal mantle
One message removed from a suspended account.
I would not recommend removing those since they may cause weird issues within chat
I had it months ago and it completely ruined chat experience for me
rugged echo
what do you mean? clicking issues or what
mortal mantle
the scrollbar thumb would just get stuck in the middle for me with no option for jumping to present, I had to scroll down manually every single time
pine zenith
One message removed from a suspended account.
rugged echo
I thought the scrollbar was a separeted thing but idk
mortal mantle
the issue only got resolved after i removed all the display: none for dividers and separators
mortal mantle
the scrollbar thumb would just get stuck in the middle for me with no option for...
and when i managed to scroll down to the bottom sometimes the scrollbar thumb would just jump up again
discord might have fixed it, but i don't really know for sure
pine zenith
yo does asnyone have the selector for this bullshit in the DM List
One message removed from a suspended account.
gilded radish
too late I already had the other ones
mortal mantle
fyi
gilded radish
was bored, fixed some stuff, dm me if you see your snippet and want credit for the original or if you want me to take it down
https://github.com/SeanHarmanis/Discord-Fixed-Snippets/tree/main
also, can someone help me make the emoji panel or whatever it's called be aligned with the Chat area?
rose geode
also, can someone help me make the emoji panel or whatever it's called be aligne...
wanna ask for the font family
gilded radish
wdym?
gilded radish
JetBrains Mono Light
rose geode
btw the emoji panel should be aligned in original
gilded radish
nono that's a whole different thing from your snippet
actually lemme delete it it's just too jank to be left aligned
mortal mantle
also, can someone help me make the emoji panel or whatever it's called be aligne...
Interesting approach to the chat bubbles element
gilded radish
Interesting approach to the chat bubbles element
Yeah I have a 27" monitor really close to my eyes and I don't wanna move my head around so I keep it on one side
mortal mantle
very rounded layout also
gilded radish
very rounded layout also
Yes I love roundness
modest blade
in compact mode, how can i make the timestamp line up next to the message content like so?
i tried with inline blocks but i couldnt
real quarry
has anyone made a css snippet to permanently remove those two buttons (nitro + shop)
toxic yew
[href="/store"],[href="/shop"]{display:none}
runic radish
I hate
mortal mantle
partly fixed
the class change tool didnt recognize some of the selectors used here
autumn hull
any reason why this works in everything but vesktop?
vast delta
mortal mantle
what the f is that
autumn hull
what the f is that
channel icon colors
just want to know whats so diff with vesktop to stop this but stable/ptb/canary and browser all have no issues
autumn hull
it works normally wdym
hmm ya it seems to be now
mortal mantle
i want to finish fixing the theme quickly
but i keep dancing to Trance music in the background
help
sweet tundra
edgy sentinel
tender hedge
now cut it down to one 
sweet tundra
is css really making perf worse
tender hedge
real
tender hedge
mfw my theme
mortal mantle
sweet tundra
this will definitely test your pc's power
my poor cpu then
tender hedge
it does for me
mortal mantle
my poor cpu then
how strong is your cpu :3
tender hedge
and im only fixing this theme not actually developing it
clear siren
mortal mantle
I think most things are fixed atm
sweet tundra
how strong is your cpu :3
running idle with browser and vscode open
tender hedge
inspect element still crashing and logging you out on normal vencord?
mortal mantle
tender hedge
suprisingly
sweet tundra
I have too much bloat stuff installed
mortal mantle
average commit change
tender hedge
real
sweet tundra
https://cdn.discordapp.com/emojis/998735830359216189.gif?size=48&name=MenheraCheer2&quality=lossless
go go aoi
tender hedge
channel favorites are great
mortal mantle
@sweet tundra can you test this for me:
@import url(https://raw.githubusercontent.com/SEELE1306/Modular/release/modular.theme.css);
where do I put this
vast delta
is css really making perf worse
yes css can impact performance, mostly by using bad selectors
mortal mantle
at the top
sweet tundra
vast delta
in your quickcss file
edgy sentinel
is css really making perf worse
very
mortal mantle
i will have to put a big red disclaimer at the top to not use with weak systems LOL
sweet tundra
mortal mantle
yep just as I thought
sweet tundra
grrr now I cant use it
vast delta
i will have to put a big red disclaimer at the top to not use with weak systems ...
i can help you with that
mortal mantle
no support for discord vencord
vast delta
oh yeah typing is kinda always choppy, but it does get worse and worse the more theming you have
sweet tundra
now I wanna write a native client with your cute theme and layout
autumn hull
no support for discord vencord
for vesktop you on ptb/cancary? by any chance as on stable that css code i posted up breaks but when switch to the others it works not sure why this is
vast delta
now I wanna write a native client with your cute theme and layout
imagine, discord c++
sweet tundra
rewrite it in rust
vast delta
lets rewrite discord in minecraft data packs
sweet tundra
vast delta
edgy sentinel
tender hedge
lets remake discord in minecraft redstone circuits
edgy sentinel
tender hedge
sweet tundra
mortal mantle
done, i can go to bed now
mortal mantle
vestal field
<@303972202821189633> can you test this for me:
```css
@import url(https://raw....
great theme, just a few things
vestal field
great theme, just a few things
this looks a bit weird
mortal mantle
will look into those tmr
tender hedge
aoi rn:
mortal mantle
so true
sweet tundra
aoi rn:
sweet tundra
:c
mortal mantle
im overworked
tender hedge
i was fixing another theme yesterday wich took until 3:20 am
vestal field
i know this is a big theme but it still lags a bit on my 13600k
discord performance is just unfortunate
tender hedge
i didnt start fixing it at 1 am or anything
mortal mantle
great theme, just a few things
me when non-European time format moment
AM and PM sucks sorry
vestal field
oh yeah lmfao
didn't even notice
idk if its possible but maybe move the scrollbar to the edge of the box instead of inside the padding?
also some padding between names and message would be nice
tender hedge
real
vestal field
is that a scrollbar next to the headers?
vestal field
how did you mod the taskbar
vestal field
does it add both the dock and the macos titlebar?
tender hedge
title bar on windows is impossible sadly
vestal field
so is the titlebar just a homescreen widget
tender hedge
oh u mean the thing on top?
vestal field
yeah the bar at the top
tender hedge
theres an option to hide the taskbar completely when the app is open
tender hedge
you can also add system temps and usage on the top bar
vestal field
theres an option to hide the taskbar completely when the app is open
ah nice
tender hedge
only thing thats not possible on windows is that you cant replace the titlebar of every app with one that looks similar to mac os
you can however replace the volume slider to mac os or ios
sweet tundra
im overworked
go eep
sweet tundra
tender hedge
real
stable compass
does it add both the dock and the macos titlebar?
you can use Rainmeter with the skin Droptop Four to replicate a macos bar
vestal field
i've used rainmeter before
tender hedge
theres a free version of the app on github somewhere thats a few versions behind so if you want to try it try ig
vestal field
nah i actually dislike macos navigation i was just interested in what it does
tender hedge
ah
heavy sluice
imo 1. fits in better since it's more consistent with the rest of the panels
vestal field
it used to be 2 but i recently tried out 1 and some people told me it looks ugly
tender hedge
damn
solid ore
```css
/* /////////////////////////////////////////////////////////////////// */...
is there a way to add margin on the left side as well as the right?
vestal field
padding-left would probably be better
tender hedge
fair
solid ore
padding-left would probably be better
it just adds it on
solid ore
yeah just put in margin-left or something
this cuts it
solid ore
think so
vestal field
or margin-left: -10px
solid ore
or margin-left: -10px
changes nothing, i think it's a hard limit
solid ore
padding doesnt move, margin gets cut
vestal field
padding doesnt move, margin gets cut
ok this works:
.username_d30d99::before {
content: '';
width: calc(100% + 10px);
height: 100%;
border-radius: 5px;
background-color: currentColor;
opacity: 0.3;
position: absolute;
margin-top: 0px;
z-index: -1;
margin-left: -5px;
}
#app-mount .header__39b23 {
overflow: visible;
}```thank you!
runic radish
I know everyone has their own preferences and opinions
But this is the wrong opinion, in my opinion
runic lake
someone an idea of css snippet to swap the old logo back to the vencord toolbox ?
rugged echo
idk you could look at the commit to see if you can find anything
gilded cloak
@south sapphire
[class^=wordmarkWindows]
south sapphire
thanks bro this channel wasnt on my list
magic cove
hi
how do i get this pill
to show
it shows in the big user popouts
not the small one
mortal mantle
You must have hidden it somewhere in your css
By default there should be a black pill
magic cove
what is the pill thing?
bcs uh
oh wait
hold on
that didnt work
what is the pill element thing?
bcs i cant inspect bcs discord crashes
mortal mantle
I'm not on PC right now, you could try using Vesktop which actually supports inspect elements
vast delta
vesktop best
mortal mantle
^
glad urchin
^
magic cove
got it back
".profileBadges__7a7cb{
background-color: var(--profile-body-background-color);
}"
vast delta
magic cove
how do i get this to be on the left? i got it to the right side and idk how to get it to the left
vast delta
give right a negative value
magic cove
okay
vast delta
or the chat element margin bottom
vast delta
no
magic cove
how do i do it for the message bar again
vast delta
I'm on mobile right now
magic cove
okay
mortal mantle
great theme, just a few things
fixed
mortal mantle
this looks a bit weird
also fixed
glad urchin
add a ; at line 8
vast delta
what's the point of webkit properties?
glad urchin
oh
autumn hull
who knew it was that simple lol
can you post that css please and thanks..
magic cove
i cant post in #๐จ-css-snippets
mortal mantle
no because its reserved for cute people only
autumn hull
i cant post in <#1028106818368589824>
ya i did a css and cant so psoted it here i asked someone who could, if they can but ya just post it here bud
mortal mantle
post it here and hope that someone approves it to post it there
magic cove
okay
hold on
/* fancy typing indicator */
:is(main,section)[class^=chatContent] > form > *:last-child[class^=typing] {
top: -24px;
margin-right: auto;
width: fit-content;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: var(--background-secondary-alt);
border-radius: 8px;
-webkit-box-shadow: var(--elevation-stroke), var(--elevation-medium);
box-shadow: var(--elevation-stroke), var(--elevation-medium);
}
mortal mantle
a previous version of this is already there in #๐จ-css-snippets
magic cove
oh okay
my bad
well its here for ppl to use then ig
i had a feeling it was already done but i made it myself lol
mortal mantle
the first selector is copied from F53's snippet
you have barely changed anything lol
toxic yew
the selector only needs like [class*=typing_] and line 6 7 10 isnt needed
maybe line 4 too
lunar folio
before I even try, is this possible to do with css alone? https://betterdiscord.app/plugin/DisplayServersAsChannels
glad urchin
before I even try, is this possible to do with css alone? https://betterdiscord....
exists iin #๐จ-css-snippets
lunar folio
o wtf
glad urchin
mortal mantle
magic cove
how do i bring back the inner colour borders on the nitro profiles (like the outer padding)
junior oak
I dont see any problems there
my CPU works fine with vencord and other opened windows
mortal mantle
you have a much stronger cpu
lunar folio
how do I inspect element this, f8 doesnt work for some reason
and focusing states also did nothing
glad urchin
how do I inspect element this, f8 doesnt work for some reason
have to pause via devtools
use #๐-js-snippets message (paste in console)
if you want to do it manually
lunar folio
thank you very much ๐
glad urchin
solid ore
is there a snippet to hide the events thing? i cant find one but j checking
vast delta
is there a snippet to hide the events thing? i cant find one but j checking
use devtools, click the events thing, give it display:none
vast delta
if you want to do it manually
what about break on f8 plugin?
aoi i got a little present for you
vast delta
glad urchin
@lunar folio 
solid ore
use devtools, click the events thing, give it display:none
whenever i do ctrl+shift+i my discord crashes, im on latest desktop version
lunar folio
this plugin didn't work for me when I tried to freeze it with the search options open, but the snippet with the timed freeze did the job #๐จ-theme-development message
not sure why, but this has always been the case even a few years ago when I used betterdiscord (tho i forgot how I dealt with it then)
lunar folio
whenever i do ctrl+shift+i my discord crashes, im on latest desktop version
use vesktop or browser discord
vast delta
whenever i do ctrl+shift+i my discord crashes, im on latest desktop version
try vesktop
vast delta
this plugin didn't work for me when I tried to freeze it with the search options...
the behaviour is a little weird, from my testing you have to be focused on the app for it to work
magic cove
how do i bring back the inner colour borders on the nitro profiles (like the out...
this
kinda like this
solid ore
kinda like this
magic cove
doesnt work
solid ore
doesnt work
check the thread, i j updated it
magic cove
check the thread
quaint mason
where can i see css selectors?
autumn hull
is there anyway to move vencord settings to the top of the settings view?
toxic yew
is there anyway to move vencord settings to the top of the settings view?
in settings of the plugin that named "settings"
vast delta
is there anyway to move vencord settings to the top of the settings view?
probably yeah
ill check, probably just a oneliner
you need theming attributes plugin i think
agile stone
is there any way to make these folder icon not show up in the sidebar?
plugin: better folders
vast delta
yeah, folders get an extra class when opened if i remember correctly
glad urchin
display none i guess(?)
vast delta
didnt test, but [class^=folderIconWrapper_]:not([style]) {display:none} should work
nevermind lol
agile stone
hmmm
wispy flame
anyone got a luffy theme? rlly need it
vast delta
anyone got a luffy theme? rlly need it
luffy?
vast delta
what is luffy
i dont have to ask you again if you said luffy, i can read your message twice if i need to
wispy flame
nvm i found an img to css converter
wispy flame
i dont have to ask you again if you said luffy, i can read your message twice if...
meant one piece
glad urchin
what is luffy
the funny one piece guy
vast delta
well if you wanna have a luffy image as your background, i got a treat for you
wispy flame
whats that
wispy flame
so do i paste whats in the github into themes
vast delta
you paste the raw link into online themes
wispy flame
ok ty
vast delta
bruh
wispy flame
?
glad urchin
codeblock jumpscare
wispy flame
what
vast delta
those are variables you put at the top of quickcss to change things about the background
wispy flame
those are variables you put at the top of quickcss to change things about the ba...
o
btw
do i paste whats in the github
vast delta
you then get the link of the image you want and replace "unset" in the --bg-main line with url(LINK)
wispy flame
into the css editor
vast delta
tell me if you find issues
wispy flame
i kinda didnt get it. do i add the :root thingy or the github
vast delta
you say it panniku
wispy flame
coz the theme us ent is js making sparkles
vast delta
coz the theme us ent is js making sparkles
its snow, the default configuration is just as an example
glad urchin
*trying to write from phone because vesktop is dead
wispy flame
its snow, the default configuration is just as an example
o
vast delta
you put the theme link into online themes and paste the variables into your quickcss
wispy flame
you put the theme link into online themes and paste the variables into your quic...
o ok
vast delta
replace link with the image link
glad urchin
@wispy flame
@import url("GITHUB URL");
COPY PASTE THAT CODEBLOCK HERE
.
wispy flame
replace link with the image link
question. Do i add root into the online themes or the raw
vast delta
you can also have a settings background but youd have to import another link for that
glad urchin
in link replace that with your image link
vast delta
question. Do i add root into the online themes or the raw
copy the codeblock i sent
wispy flame
COPIED
vast delta
then you paste it into quickcss
glad urchin
does it work
vast delta
and either use @import like panniku showed to use the theme or put the raw github link into your online themes section
its really not hard
wispy flame
and either use @import like panniku showed to use the theme or put the raw githu...
ok
wispy flame
its really not hard
its my first time using the vencords themes. i js used apparence w fake nitro before
glad urchin
understandable
vast delta
yes, because currently nothing has a background
glad urchin
what happened
wispy flame
glad urchin
OH
vast delta
you have to add some background
you probably didnt replace the link with your link, did you?
glad urchin
ok vesktop is back
wispy flame
well i need a css background right?
glad urchin
wrong
vast delta
not a css background
glad urchin
just a image link
wispy flame
o ok
vast delta
this is what it should look like, just with your link instead of https://raw.githubusercontent.com
wispy flame
o
vast delta
and then at the end of the link you close with ) and tell the program to go the next line with ;
wispy flame
ight
vast delta
thats the basics of changing a variable to a link
wispy flame
wait a min. do i copy image address or link address?
simple kiln
..
wispy flame
hm?
vast delta
image address
wispy flame
kk
vast delta
whatever gets you to the image file, not the webpage that contains the image
glad urchin
@vast delta where
vast delta
not necessarily compatible with themes
wispy flame
finally it worked but.. its kinda showing multiple images.
vast delta
finally it worked but.. its kinda showing multiple images.
interesting
glad urchin
finally it worked but.. its kinda showing multiple images.
can you show your quickcss
wispy flame
;-;
wispy flame
can you show your quickcss
its kinda long
wispy flame
at the end?
vast delta
best would be right below your variables
wispy flame
kk
glad urchin
do i need transparency
wispy flame
like this?
vast delta
yes
glad urchin
yes
vast delta
base64 encoding an image and putting it into your quickcss isnt really a good idea because its annoying to edit but it works
wispy flame
didnt fix
vast delta
didnt fix?
wispy flame
i can send full img of my quickcss but its gonna be like 1-2 imgs
vast delta
thats not the issue
wispy flame
wispy flame
thats not the issue
oh
vast delta
you can also copy the code into your quickcss if you have it being updated
wait what the variable doesnt work
wispy flame
?
vast delta
i gave you the wrong variable LOL
wispy flame
vast delta
replace --bg-main-overlay with just --bg-overlay
glad urchin
OH
wispy flame
kk
vast delta
i had it wrong in my quickcss and didnt notice because i never turned the snow off
vast delta
and remove the other two dashes
glad urchin
---- -> --
vast delta
you only need two dashes
vast delta
if you want a version for your settings i can send you that
wispy flame
didnt quite understand what u meant by tht
glad urchin
@vast delta is there something wrong with this
:root { /*Backgrounds*/
--bg-main: none;
--bg-overlay: url(https://wallpaperaday.files.wordpress.com/2021/05/wallpaper335.png?w=1024);;
--bg-settings-background: unset; /*Change the main background colour*/
--bg-settings-overlay: unset; /*Make an animated overlay like the default example*/
--bg-settings-overlay-animation: unset /*Advanced: Add an animation to the overlay*/;
}```the same thing but for your discord settings
autumn hull
```css
/* fancy typing indicator */
:is(main,section)[class^=chatContent] > form...
so they posted this css snip but its classing with another css and making the typing go in the middle any way to have it ignore the css causing this and still have it go to left side?
vast delta
<@406084422308331522> is there something wrong with this
```css
:root { /*Backg...
yeah use --bg-main as your main background
wispy flame
the same thing but for your discord settings
ight
vast delta
overlay is for something like transparent gifs, just like i have it with the snow particles
which also means you can have a red background and those snow particles
glad urchin
yeah use --bg-main as your main background
wispy flame
is the quality bad coz its a disc theme? in google its rlly good
robust nimbus
Is it possible to @import a local file within QuickCSS? I tried dropping a CSS file into AppData\Roaming\Vencord\settings next to the quickCss.css and importing it, but it just did nothing. Does it have to be served via web?
vast delta
again, try turning off all themes
wispy flame
which also means you can have a red background and those snow particles
i dont rlly want particles
wispy flame
again, try turning off all themes
is the quality bad coz its a disc theme? in google its rlly good
vast delta
Is it possible to `@import` a local file within QuickCSS? I tried dropping a CSS...
there is a local themes section in your settings under themes
vast delta
is the quality bad coz its a disc theme? in google its rlly good
? i wasnt talking to you
vast delta
i dont rlly want particles
just an example
glad urchin
again, try turning off all themes
wispy flame
? i wasnt talking to you
i js did it to get ur attention
vast delta
the quality is bad because you put in an image of smaller resolution and basically made it bigger until it fits your screen
glad urchin
vast delta
if you want a better resolution, the image you use should have a higher resolution
wispy flame
the quality is bad because you put in an image of smaller resolution and basical...
o ok. any way i can find out what resolution do i need
like how much?
vast delta
you are using the link to the webpage, not to the raw file :3
glad urchin
WHAT
vast delta
o ok. any way i can find out what resolution do i need
bigger=better
robust nimbus
there is a local themes section in your settings under themes
Excellent, that did the trick, thank you.
wispy flame
bigger=better
hmm does 1024 x 768 sounds good
wispy flame
i dont rlly know what resolution do i get
vast delta
hmm does 1024 x 768 sounds good
try it
glad urchin
vast delta
i dont rlly know what resolution do i get
you probably have 1920x1080 on your monitor
autumn hull
so they posted this css snip but its classing with another css and making the ty...
i guess this is not possible cause of the other css that move jump to and new messages eh
glad urchin
vast delta
i guess this is not possible cause of the other css that move jump to and new me...
well you would have to find out what is causing the issue and remove or edit it manually
vast delta
good job!
wispy flame
you probably have 1920x1080 on your monitor
well uhh ๐
vast delta
well uhh ๐
oh you're a laptop user
wispy flame
oh you're a laptop user
not really i got a pc but its specs and ram is rlly bad
vast delta
if you want it darker i can add a filter variable to add a brightness value
wispy flame
so i use lower resolution for better performance
vast delta
so i use lower resolution for better performance
then thats your thing
autumn hull
well you would have to find out what is causing the issue and remove or edit it ...
nvm removed the code and its still doing it
so i guess its this bugging it
wispy flame
then thats your thing
i think ima go with 1024 x 768 ig
vast delta
i think ima go with 1024 x 768 ig
that just makes your resolution worse silly
wispy flame
that just makes your resolution worse silly
then what should i do
vast delta
use a higher resolution IMAGE
your bottleneck is your image quality, not your monitor or your settings
wispy flame
how high we talking abt
glad urchin
1920x1080
vast delta
whatever you want
vast delta
https://jpgtopngconverter.com/resize-image-to-1920x1080/
wont work
wispy flame
hm
vast delta
do you not understand how digital images work?
vast delta
every image has a resolution, which basically means "how many pixels is the image high" and "how many pixels is the image wide", if your image has a low resolution, it will look garbage (unless it is supposed to have a low resolution, for example pixel art)
If you want a good looking image, you have to get an image that was made at a high resolution, you cant just take an image, stretch it out and it magically gains more quality
wispy flame
send the image
vast delta
if you have a 100x100 pixel image and stretch it to 1000x1000, you will still have the quality of a 100x100 pixel image, just bigger
vast delta
that image will always look bad when you are trying to fit in on your whole screen
wispy flame
with the screenshot
vast delta
that makes it worse
wispy flame
hm
vast delta
you will have to find an image that was made at a good quality
its like taking a photo with a bad and a good camera
glad urchin
^
vast delta
if you take a photo with a bad camera, you can print it as big as you want, it will always look bad
wispy flame
i dont think there is a high resolution img. i js searched for liek 5 mins and i cant find a high res
glad urchin
send the site link instead
wispy flame
im using google img.
vast delta
if you take a photo with a good camera, it will look good at about the resolution it was taken in, but when trying to print a normal size image on a house wall, it will still look shit from up close
vast delta
im using google img.
then you probably copied the preview link, not the real image
wispy flame
then you probably copied the preview link, not the real image
i see. anw to fix that?
vast delta
google shows you previews of images and not the real images so it doesnt have to load 198498124 8k images when looking for them, since those images are big and expensive to store
vast delta
i see. anw to fix that?
you go to the website where that image was uploaded and copy it there
wispy flame
so do i have to serach in a website?
glad urchin
yess
glad urchin
nvm ill just find the high qual. for you
wispy flame
i am a slow learner btw ;-;
vast delta
we noticed
the image you found was probably made at this low quality, which means that you wont find it as a high resolution image anyways
vast delta
i just found the 1920x1080 ver
welllllll
glad urchin
internet is slow so its still loadinng
quaint mason
what is back
wispy flame
the image you found was probably made at this low quality, which means that you ...
i see
wispy flame
i just found the 1920x1080 ver
send fr
vast delta
time to reset vesktop :(
quaint mason
time to reset vesktop :(
skill issue
glad urchin
https://i.pinimg.com/originals/53/1b/f2/531bf28ee274611ab3b887c9c301d88a.jpg
mortal mantle
question: how can i edit the author and the description for a local theme
safe python
vast delta
get usercss
mortal mantle
https://cdn.discordapp.com/emojis/998717599963680768.webp?size=48&name=MenheraAngel&quality=lossless
lofty gull
Updated the css for:
- Removing the user profile popout "Notes" field
- Removing the user profile popout "Notes" and "Message" fields
- Removing the user profile popout "Message" field
These are the 3 variants:
/* Hide user popout notes */
.userPopoutInner_f545a3 .section__6f61e:has(.note_ba0c31) > h2,
.userPopoutInner_f545a3 .section__6f61e:has(.note_ba0c31) > div {
display: none;
}
.userPopoutInner_f545a3 .section__6f61e:has(.note_ba0c31) {
padding: 6px 0;
}
.userPopoutInner_f545a3 .section__6f61e:has(.messageInputContainer__768e6){
padding-top: 0;
}
/* Hide user popout notes and message fields */
.userPopoutInner_f545a3 .section__6f61e:has(.note_ba0c31) > h2,
.userPopoutInner_f545a3 .section__6f61e:has(.note_ba0c31) > div,
.userPopoutInner_f545a3 .section__6f61e:has(.messageInputContainer__768e6){
display: none;
}
.userPopoutInner_f545a3 .section__6f61e:has(.note_ba0c31) {
padding: 6px 0;
}
/* Hide user popout message field */
.userPopoutInner_f545a3 .section__6f61e:has(.messageInputContainer__768e6) > div {
display: none;
}
.userPopoutInner_f545a3 .section__6f61e:has(.messageInputContainer__768e6) {
padding: 6px 0;
}
Can these be added to the #๐จ-css-snippets channel and the old broken one removed?
glad urchin
/* Consistent Typing / Older messages */
.typing__6fd1d {
border-radius: 0 8px 0 0;
}
.jumpToPresentBar__0ff7f {
left: 0px;
border-radius: 0 8px 0 0;
}
.chatContent__5dca8:has(.jumpToPresentBar__0ff7f) .typing__6fd1d {
border-radius: 0px;
}
.chatContent__5dca8:has(.typing__6fd1d) .jumpToPresentBar__0ff7f {
margin-bottom: 32px;
padding-bottom: 0px;
}
/* */```
to fix #๐จ-css-snippets message
i can send in the channel , but idk if i shoukd
@dusky hare ^
lofty gull
And this removes the "Notes" field from the user panel
/* Hide user panel notes */
.userPanelInner_eddf4c .section__6f61e:has(.note_ba0c31),
.userPanelInner_eddf4c .divider__2bbbc:nth-child(5) {
display: none;
}
simple kiln
hm
vast delta
And this removes the "Notes" field from the user panel
```css
/* Hide user panel...
please refrain from using the spacebar selector with elements that exist a lot of times
lofty gull
please refrain from using the spacebar selector with elements that exist a lot o...
the spacebar selector
the what?
dull musk
Hey, can I have permission to send messages in #๐จ-css-snippets. I'd like to post this small css that makes embeds look better
.embedFull__8dc21 {
border: 2.5px ridge;
}
no color?\
dull musk
glad urchin
also, #app-mount is not neede
dull musk
oh?
glad urchin
nvm, i see
dull musk
you're right, it isn't needed. ty
glad urchin
np
rugged echo
I wanted to do this before but I had no idea how
autumn hull
```css
/* Consistent Typing / Older messages */
.typing__6fd1d {
border-radius...
what does this fix?
glad urchin
what does this fix?
see the screenshot
autumn hull
looks like it fixes the color to match if so this was posted few hours ago bud from someone else
unless im wrong but not sure
glad urchin
looks like it fixes the color to match if so this was posted few hours ago bud f...
it places the "old messages" bar on top of the "typing" bar
compared to the split one, or the one above from the author
autumn hull
so this would be better to run when not running any other css that move them bars ya?
glad urchin
you can use this #๐จ-css-snippets message with mine
just make sure to remove the width property from theirs
vast delta
> the spacebar selector
the what?
.class .class
it can quickly cause performance issues
vast delta
then that is your issue :P
lofty gull
You could try switching to Linux
https://tenor.com/view/mujikcboro-seriymujik-gif-24361533
lofty gull
it can quickly cause performance issues
๐ what, ok maybe in some obscure cases but rn? I doubt it's an actual issue, but if it is I'm willing to see those performance issues that you're talking about 
mortal mantle
it can quickly cause performance issues
I use it a lot in my css
otherwise I would have to write out the entire tree
vast delta
I use it a lot in my css
which is probably why it is lagging cutie
vast delta
there is always a way around, i have not used it once in my code before
lofty gull
My web dev prof has yet to mention it 
lofty gull
there is always a way around, i have not used it once in my code before
yeah sure I can nest it like a > b > c, do you prefer this?
glad urchin
is this correct
vast delta
is this correct
as long as its working there is no incorrect
lofty gull
Discord uses it
they must be trolling
mortal mantle
say you need the element f from a tree called a
lofty gull
as long as its working there is no incorrect
but he uses space selector 
glad urchin
as long as its working there is no incorrect
it isnt
mortal mantle
it's obviously better to write .a .f then .a > .b > ..... > .f
vast delta
Discord uses it
in some occasions its alright but for example doing html class is entirely useless and makes the code worse for no reason
lofty gull
it's obviously better to write .a .f then .a > .b > ..... > .f
I agree
vast delta
when discord does .theme-dark .class then its fine because the space selector is required for functionality
mortal mantle
if you are writing more code than you'd actually need, the file would simply go up in size and affects performance
mortal mantle
nesting should just fix the space problem
lofty gull
in some occasions its alright but for example doing html class is entirely usele...
I'll take a look to rewrite it but I stand by the fact that this is not an issue here, you're just making it harder than it should be
vast delta
I'll take a look to rewrite it but I stand by the fact that this is not an issue...
i am not saying you need to do that
glad urchin
then it is incorrect lol
order does not work here, even with important
lofty gull
i am not saying you need to do that
if it's required to be able to post it in #๐จ-css-snippets I will
vast delta
if it's required to be able to post it in <#1028106818368589824> I will
definitely not
vast delta
order does not work here, even with important
what exactly are you trying to do?
mortal mantle
also show actual benchmarks how a space vs an entire tree of code would cause performance differences
I'm curious
glad urchin
what exactly are you trying to do?
move counter below fav
vast delta
also show actual benchmarks how a space vs an entire tree of code would cause pe...
im not saying an entire tree of code is much better, but i think its always better to try and not use that selector because it can quickly https://cdn.discordapp.com/emojis/1104534573313962175.gif?size=512&name=explod&quality=lossless
lofty gull
I'm curious
exactly what I was thinking
vast delta
move counter below fav
what counter and where?
glad urchin
what counter and where?
red box. below star.
vast delta
red box. below star.
WHERE? WHAT RED BOX
glad urchin
WHERE? WHAT RED BOX
mortal mantle
it's either that, or you will risk not specifying your selector enough and affect unwanted things, or your performance will suffer from the long ass selector
vestal field
in some occasions its alright but for example doing html class is entirely usele...
what about when you need more specificity
i write a lot of #app-mount .class, would that affect performance?
lofty gull
I did a quick google and all I could find was this: https://stackoverflow.com/a/29761447/19235593
