I created a Dracula theme for Lemmy

spiderman, 9 months ago

New to using stylus, how should I add this theme for my instance? Do I have to change anything in the code?

sillyhatsonly, 9 months ago

Stylus themes only change CSS locally in-browser, I’m still working on a native theme. I will definitely post an update when it’s further along because I’ll need help from others willing to install and test early versions on their own instances!

Dusty, 10 months ago

Thank you for this, looks good!

suprjami, 10 months ago

This is really well done, thank you!

Is it possible to make the font configurable? That can be done in the header like:

<pre style="background-color:#ffffff;">
<span style="color:#323232;">@</span><span style="color:#63a35c;">var select user-font</span><span style="color:#323232;"> "Font" ["</span><span style="color:#795da3;">Comic Sans MS</span><span style="color:#323232;">", "</span><span style="color:#795da3;">Comic Neue</span><span style="color:#323232;">", "</span><span style="color:#795da3;">PT Sans</span><span style="color:#323232;">", "</span><span style="color:#795da3;">PT Serif</span><span style="color:#323232;">"]
</span>

Then later use it like:

<pre style="background-color:#ffffff;">
<span style="color:#63a35c;">html </span><span style="color:#323232;">{
</span><span style="color:#323232;">    </span><span style="color:#0086b3;">font-family</span><span style="color:#323232;">: var(</span><span style="color:#0086b3;">--user-font</span><span style="color:#323232;">);
</span><span style="color:#323232;">}
</span>

Full working example at my Discord Solarized Dark Comic Sans MS theme.

sillyhatsonly, 10 months ago

Thanks for the suggestion, I didn’t know this was a possibility. Just pushed an update that should now include font options!

shotgun_crab, 10 months ago

Looks great! Now I wonder, does catppuccin for Lemmy exist yet?

sillyhatsonly, 10 months ago

Yes, apparently! github.com/n3oney/catppuccin-lemmy

shotgun_crab, 10 months ago

Sweet! I’ll try it out later too

interloper, 10 months ago

I love this!

kratoz29, 10 months ago

Damn, if I’m using Safari on macOS I’m out of luck I guess :/

ElectronSoup, 10 months ago

When did 'darcula' in the context of the theme become 'dracula' ? The punnyness of 'darcula' always entertained me, but the rename is just sad.

sillyhatsonly, 10 months ago

Not quite sure what you mean but this is based on the Dracula theme suite by Zeno Rocha.

ElectronSoup, 10 months ago

Ah, 'dracula' appears to be a very similar looking theme (although less orange) from about 6 months (oct vs mar 2013) after the creation of the original 'darcula' theme that IntelliJ adopted and every other editor has copied since.

cupcakezealot, 10 months ago

Love it! :)

The only thing I wish is there was a distinctive way to differentiate whether or not you’ve upvoted because it’s hard to tell now.

sillyhatsonly, 10 months ago

Thanks! Could you share a screenshot of the upvote arrows? They look distinctive in my browser but that’s why I wanted others to test the theme. I’m sure there are elements that I missed.

cupcakezealot, 10 months ago

Sorry, I typed it out but I went up to screen shot and the window went away so redoing this from memory.

The upvotes on comments are coloured grey for not upvoted and yellow for upvoted, so that’s fine. It’s mostly on upvoted on posts; the colour doesn’t change so the only way to tell is if the number goes up or down.

Not upvoted

Upvoted

I can tell from the number change but after that it’s still just grey though it does flash yellow when you first click upvote but then it goes back to grey! :)

sillyhatsonly, 10 months ago

I see what you mean, that’s certainly confusing. I’ll work on a fix today!

cupcakezealot, 10 months ago

Thanks! :D Sorry for being a pain! I appreciate it and the theme! blobcat, heart

sillyhatsonly, 10 months ago

Not a pain! Quite the opposite. I pushed an update this afternoon that should have fixed the bug, let me know if that helps and/or if you find any other issues. Much appreciated 😄

cupcakezealot, 10 months ago

Thank you!! The only other suggestion would be to make a version with a bigger font since it’s a little hard to read but no big deal if not! 💙

sillyhatsonly, 10 months ago

I just pushed an update with different font selections, I may try to add size selection in a future update as well. For now see if any of the other fonts are easier for you to read!

kratoz29, 10 months ago

It looks amazing.

desmosthenes, 10 months ago

lovely; kudos!