personal theme

[glacial estuary]

love it but a few issues: (i know its not completed but ill just leave it here)

1. breaks with favourites
2. thread text input thingies dont follow the same padding as regular text inputs
3. it breaks with discord's new app directory
4. breaks if the channel header has more than 5 icons/buttons

also i dont know if its just me but I feel like the theme impacts performance heavily

[ember drum]

i haven't used new app directory.

[glacial estuary]

yeah its an experiment which discord is rolling out slowly

its called "app launcher"

[plush cosmos]

Damn the performance droped instantly, even when am typing i have to wait for the text to appear but either way am loving this theme.

[ember drum]

i've fixed the thing with thread form...

i've updated the code, it should have fixed the problem.

[glacial estuary]

yes it did

[ember drum]

btw, thanks for the feedback.

the theme may break as i haven't redo it with experiments enabled.

[limber bone]

Hi there. This isn't about the theme, but I was looking at your snippets.
trying to use the member-list one
Do you know why doing

@import url('https://lazuee.github.io/css-snippets/discord/member-list/import.css');```
isn't working, but copying the text in verbatim _does_?

[ember drum]

?

[limber bone]

weird. I've been playing with it for the last half hour or so, trying to figure out why it isn't working...

[ember drum]

are you using discord app with vencord patch?

[limber bone]

yes

[ember drum]

discord app using old electrionjs version.. old chromium..

use vesktop, it used latest electronjs version..
i'm using discord web with vencord web extension and stylus

mostly my snippet use style container and nested css which is not available on discord app (old chromium version)

[limber bone]

okay... I just removed everything from my cusom css, and it looks like it's working on its own

something else I had there is obviously conflicting

sorry to bother you with a silly mistake on my end

[ember drum]

you should use vesktop, if you're using snippet from #🎨-css-snippets
or vencord web extension for discord web

[limber bone]

I'll look into it, thanks 🙂

[rose solstice]

one thing that will never change with discord themes is rounded corners and padding between panels...

nice work though, this is probably the best take on the default discord style i've seen in a while

you might want to consider separating the member list from the chat as well

[willow kiln]

theme looks very good but typing is lagging a lot

[ivory river]

My discord lagging lol. Can this be fixed? Happening only with this theme.

[ember drum]

added a css snippet for app launcher to the theme.

[ember drum]

fixed read all button position.

[ember drum]

fixed new global discovery button position

[ember drum]

fixed global discovery

[ember drum]

Discord has changed the element structure of the resize handler for opening in a separate chat. Instead of placing the resize handler in the .base_a4d4d9 > .content_a4d4d9 > .resizeHandler_ along with the other components, they instead put it inside the separate chat container element. Additionally, they added a div[style="width:400px"] that changes depending on the chat being resized, which is unnecessary. 🤓

[rose solstice]

discord moment

btw you should try to optimize your selectors a bit

doing multiple *= in a row is gonna hurt performance

as people above have complained about

[ember drum]

i've fixed it by using grid for .content_a4d4d9 and displayed none the unnecessary element.

[ember drum]

i've changed it and used ^= instead.

is that okay?

[rose solstice]

yeah that should be better

#📜-js-snippets message

this can help check performance, but its not guaranteed to be accurate

[sterile salmon]

laggy

[glacial estuary]

performance improved a little in my opinion

not much though

[ember drum]

updated the theme with some style fixes.

[ember drum]

try hard reload css..

[glacial estuary]

still lags a lot when scrolling the channel list/when typing

[ember drum]

hmm

[burnt moss]

its abit broken on mac

[ember drum]

hmm, try disable favorites server experiment..

[burnt moss]

okay

[ember drum]

i connot reproduce the bug

[burnt moss]

is there also a way to keep the old discord font with the theme

[ember drum]

:root {
    --font: "Inter", sans-serif;
    --font-primary: var(--font);
    --font-display: var(--font);
    --font-headline: var(--font);
    /* --font-code: unset; */
}

[burnt moss]

i still have the bug

[burnt moss]

its hardcoded to be where yours is

if you remove everything and just have your theme youll see it lol

[ember drum]

https://github.com/lazuee/css-snippets/blob/main/discord/themes/redesign/import.css

[burnt moss]

that doesnt do anything

nvm i need the raw url

still hardcoded up at the top

also your theme cuts images off

the server list is stuck in one place and so is the thing at the top

[ember drum]

hmm, i can't reproduce the bug.. :< i don't have mac

[burnt moss]

its okay

[ember drum]

did you have experiment features enabled?

[burnt moss]

no

[ember drum]

are you using discord app with vencord patch or vesktop?

[burnt moss]

Discord with vencord patch

[ember drum]

oof, use vesktop.. i'm using nested css and container style which is availabe on latest electronjs version..

discord app used old electronjs version

I updated the message..
#🎨-css-snippets message

[ivory river]

Can someone fix this?
https://i.imgur.com/AioIqdT.png

Also, while trying to type, it feels laggy.

[burnt moss]

Read the post description

I don’t have the skill but it’s fixable

[ivory river]

Even if its a personal theme, I mean there is always someone whos gonna fix it since its kinda broken no?
And if you can't fix its fine, someone else might, I didn't force you or tell you to fix it.

[bleak juniper]

you're using discord app which uses old version of chromium. the theme i think needed latest version of chromium to work as it uses some css selectors that wasn't supported on the version discord uses.. also, i just thought that typing kinda laggy.. lol

install vesktop instead.

[ivory river]

Oh I see

[rare schooner]

err

[ember drum]

fixed, do hard refresh to reset cache..

[limber bone]

Theme has a weird way of doing (at least this) notification:

[ember drum]

hmm

[sacred sparrow]

Still happens on mac with vesktop

[sacred sparrow]

same with the slight lag when typing.

[ember drum]

i can't really see the problem on mac. i'm a windows user, sorry for the incovenience. 🥹

[sacred sparrow]

minght be an issue with this area

[ember drum]

this has been fixed. thanks for letting me know.

#1264244112001994915 message

[ember drum]

sad to say, i can't fix the lagging issue when typing.. i can't seem to locate the problem.

[limber bone]

happy to help 🙂

[plain fulcrum]

Nice design.
Sadly it lags on my machine with gpu accel on. Also it is optimized for Full HD and not for 2K (WQHD)

[ember drum]

it's not laggy tho,. it just the typings looks laggy..

i don't know why it's laggy sometimes on chat input when typing.. but for me it's okay.. it does not seem laggy.

[plain fulcrum]

It lags on normal things. Like navigating, scrolling and switching channels.
Seems like somethings triggers the lag on my side.

[ember drum]

wdym here. can you share a screenshot?

[plain fulcrum]

The home button and the server list

[half path]

It's definitely not just typing, the overall performance drops significantly the second I apply the theme. But other than that it looks really great... just kinda unusable because of the performance

[limber bone]

Without doing empirical testing, I'd guess it takes about half a second longer to switch between servers/channels.

[limber bone]

OK, I have just recorded a clip and counted frames (at 60fps).
I switched between this and another server a few times, to make sure they're cached as well as possible, so network load shouldn't be an issue. Then switched between servers, for consistency, only recording coming back here.
With the theme off, # of frames: 26,27 (av 442ms)
With the theme on, # of frames: 36,38 (av. 616ms)
So it's not nearly as bad as it feels, but it does cross over the half a second mark between button click and change, and takes (working from an average of the recorded frame counts) just shy of 40% longer.

Whether that's too long for you is a personal thing.

I don't have the setup to check typing time, but it feels okay to me, both with modded discord and vesktop. That is unless I hold down a key, at which point it noticeably lags. But it does that without the theme enabled Seems to be a Vencord/Viscord issue (unpatched discord doesn't have this problem)

[limber bone]

I have noticed an issue with the theme however - the red "new messages" line no longer appears.

Having marked my last message as unread:

without the theme:

[ember drum]

I noticed that you're using discord app with vencord patch.. use vesktop instead as it uses latest electronjs which supports new css selectors that are not available on what discord app used, which makes the css to get broken.

I've updated the message..
#🎨-css-snippets message

[plain fulcrum]

Now the home button is in the right Position.
But the server list is the same like before (see attachment)

[ember drum]

you still using discord app..

[plain fulcrum]

Nope, i dont

[ember drum]

what are you using?

[plain fulcrum]

Vesktop

The Theme is for Full HD, not 2K (WQHD)

[ember drum]

can you full screenshot?

[plain fulcrum]

Disabled ur theme again

[ember drum]

you didn't use the theme tho?

[ember drum]

hmm, did you use other snippet?

[plain fulcrum]

Nope

[ember drum]

did you enable some experiment feature?

[plain fulcrum]

No

[limber bone]

You didn't actually switch there, which is what I measured

[limber bone]

Works fine for me as a smaller window, all the way up to 4k

[bleak juniper]

typing still kind of laggy

[rancid reef]

this is a very good theme, but I feel like it could be optimised more I mean it's very laggy

[devout mica]

why does it make everything lag?

[ember drum]

when typing or scrolling while typing on chatbar, it makes looks laggy.

[devout mica]

is that intended?

[ember drum]

idk, i don't know where does the problem. even when removing the styles on the chatbar.. it still looks laggy when typing

[devout mica]

huh, weird

[ember drum]

is it not the same with other themes that you've used?

[devout mica]

nope

[azure walrus]

for me it's laggy when scrolling for example channel list

also, it does in fact work on patched discord with vencord

[spice kettle]

idk what im doing wrong but this theme just wont work for me

@import url("https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/hideGlobalDiscovery.css");
@import url("https://lazuee.github.io/css-snippets/discord/themes/redesign/import.css");

[class^="profileEffects"]
{
  display: none;
}

/*img[src*="User ID Here"] {
  content: url('Profile Picture Link Here') !important;
}*/

This is my entire quickcss file, the other stuff works but not this

is there a plugin i have to enable for it to work or something? im on vesktop on windows 10

when i opened the link in my browser, it redirected to http://lazuee.me/css-snippets/discord/themes/redesign/import.css

@ember drum do you know what im doing wrong? i dont use themes much so idk if im doing this right

[ember drum]

wait, i forgot to remove my domain on github pages,..

it's goes lazuee.github.io to lazuee.me,.. i will remove my domain,. wait for moment :)

[ember drum]

Done,. just clear cache

https://lazuee.github.io/css-snippets/discord/themes/redesign/import.css

if you still redirected to lazuee.me you need to clear cache

bruh, discord css moment..

[glacial estuary]

we love discord

[rose solstice]

holy nested

[spice kettle]

that worked, thanks

looks like the css snippet to remove the discovery thing doesnt work with this theme though

Is there a way I could open quickcss without going through the settings menu? It just entirely froze and won’t load the settings page

[spice kettle]

nvm