I created a Dracula theme for Lemmy

sillyhatsonly@lemmy.blahaj.zone to Fediverse@lemmy.world – 157 points –

Decided to try my hand at bringing my favorite theme to Lemmy. It's very rough right now but I figured I would share with the community. You can install it in Stylus here to test. I welcome all feedback and suggestions!

35

I would love to have this one in my "extra themes" folder on my Lemmy instance, but it does not work because it is a stylus theme. Could you make a native theme? It looks really great 😊

Thank you! I'm glad you like it. I didn't anticipate interest in a native theme but I'll certainly look into it and let you know when I cobble something together 😁

I second this request. Your theme looks great and I'd love to include it in my instance.

I definitely would love to learn how to add more themes to the settings. Is it only something an instance admin can do?

An instance wide theme is only possible if the admin copies it to the right folder. There are only a few informations in the docs

Maybe this is useful for you :) Would love to try your theme on my instance

lemmy-ui 0.18.0 upgraded Bootstrap to v5, just FYI. Docs are out of date, but that's to be expected given how much code churn is going on right now.

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.

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.

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! :)

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

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

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 😄

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! 💙

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!

Already installed it yesterday for my night mode and loving it 😁

This is really well done, thank you!

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

@var select user-font "Font" ["Comic Sans MS", "Comic Neue", "PT Sans", "PT Serif"]

Then later use it like:

html {
    font-family: var(--user-font);
}

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

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

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

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

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!

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

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

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.