59
submitted 2 years ago by HrBingR@beehaw.org to c/technology@beehaw.org

So I made a few custom Lemmy themes/CSS tweaks that I think the community would appreciate.

It aims to provide more color options, as well as reduce whitespace and make it easier to follow comment chains. Created it for use with beehaw, but should work with any Lemmy instance.

Just make sure to use the default litely theme in your Lemmy settings before testing these out, they were built with that in mind.

Please let me know if you have any other ideas or improvements, and feel free to submit pull requests!

How to use: Install any custom CSS extension/plugin for your browser, and paste the CSS in there. I personally use Amino for Edge and filter the CSS for the beehaw.org domain, but any custom CSS extension or plugin should work.

top 37 comments
sorted by: hot top controversial new old
[-] communist@beehaw.org 7 points 2 years ago* (last edited 2 years ago)

https://userstyles.world/style/10250/ancom-red-meant-to-be-used-with-darkly-red I also made one!

Feel free to add it, although I haven't really cleaned it up yet.

[-] HrBingR@beehaw.org 2 points 2 years ago

That's awesome! You're more than welcome to submit it to the repo as well if you want to, otherwise I'm glad other people are doing Lemmy theming as well - I'm all for expanding user choice.

[-] communist@beehaw.org 4 points 2 years ago

submitted a PR, my first since 2016 hahaha.

[-] HrBingR@beehaw.org 1 points 2 years ago

I've accepted your pull request, and added new folders for litely/darkly themes, as I do plan to expand on the dark themes as well, just to make it clearer to anyone visiting which themes are for which :)

[-] communist@beehaw.org 2 points 2 years ago

Well, I noticed I actually fucked up the theme when I cleaned it up just now, so, give me a bit and i'll be submitting another...

[-] HrBingR@beehaw.org 0 points 2 years ago
[-] communist@beehaw.org 0 points 2 years ago
[-] HrBingR@beehaw.org 1 points 2 years ago
[-] communist@beehaw.org 0 points 2 years ago

ONE MORE I'M SORRY I MISSED SOMETHING!

[-] HrBingR@beehaw.org 0 points 2 years ago
[-] ANapSoundsNice@beehaw.org 2 points 2 years ago

I felt this thread in my soul, as I’m never more hyper aware about bugs in my code as I am after I’ve already submitted the PR.

[-] crank@beehaw.org 1 points 2 years ago

is there a way to work smoothly between a userstyles hosting site and a github repo? or do you have to copy and paste back and forth all the time?

[-] communist@beehaw.org 1 points 2 years ago

I don't make many changes, so, I've just been copy/pasting.

[-] crank@beehaw.org 1 points 2 years ago

fair enough! thanks

[-] neoney@lemmy.world 5 points 2 years ago

can’t wait for a Catppuccin theme, maybe I should make one🧐

[-] HrBingR@beehaw.org 2 points 2 years ago

I can take a look when I have a bit more time, otherwise feel free to make one and submit a pull request :)

[-] electrona@beehaw.org 4 points 2 years ago

I need Lemmy with the Dracula theme.

[-] HrBingR@beehaw.org 4 points 2 years ago

I’m sure that could be arranged! Will take a crack at it once I’ve got a bit of time

[-] electrona@beehaw.org 3 points 2 years ago
[-] HrBingR@beehaw.org 2 points 2 years ago

Hey so I made a Dracula theme! Let me know if you think I've missed anything or it needs any changes.

[-] electrona@beehaw.org 2 points 2 years ago

That looks phenomenal. I'll check your repo.

[-] petrescatraian@libranet.de 3 points 2 years ago

@HrBingR so these are user installable in the browser (through stylus or whatever extension)? How nice!

[-] HrBingR@beehaw.org 4 points 2 years ago

Yup! Doesn't rely on instance owners adding more themes to their instances, can be used by any user on any instance that has the default litely theme installed.

[-] aleph@lemm.ee 1 points 2 years ago

This is a great base for people to create their own. I much prefer the wider page width to Lemmy's default on desktop.

Personally, though, I find the box outline colors in these themes to be a little loud.

I tweaked the CSS and made it look a bit more understated.

[-] HrBingR@beehaw.org 1 points 2 years ago

Okay that makes sense, will try to create a few more subtle themes, thank you!

[-] aleph@lemm.ee 1 points 2 years ago
[-] HrBingR@beehaw.org 1 points 2 years ago* (last edited 2 years ago)

Alright, I've added some 'quieter' options that look a lot less colorful for those that want something a bit more subtle, both for the light and dark themes. Thank you for the feedback!

[-] lckdscl@whiskers.bim.boats 0 points 2 years ago

How do you make this a selectable theme in Lemmy-ui settings?

[-] HrBingR@beehaw.org 3 points 2 years ago

Unfortunately you can't; it would need to be implemented by the owner of the instance to make it selectable there, but these themes have been built to work with the default litely theme on any Lemmy instance, all you need is a browser plugin/extension that can inject custom CSS in order to use these themes.

[-] Helix@beehaw.org 2 points 2 years ago* (last edited 2 years ago)

Unfortunately you can’t; it would need to be implemented by the owner of the instance to make it selectable there

If you manage to create a polished theme we can have a look at integrating it. It's not that hard technically: https://join-lemmy.org/docs/en/administration/theming.html

See also: https://beehaw.org/post/537486, https://beehaw.org/post/432603

[-] HrBingR@beehaw.org 0 points 2 years ago

I'll see what I can do; the changes I've made can definitely use some tweaking. What would be the best way of checking in once I have something to demo? Should I DM you directly, or is there perhaps a way to contact the admins that you'd prefer I use?

[-] Helix@beehaw.org 1 points 2 years ago

You could create a post on !support@beehaw.org, we'll probably see it. If we don't reply within a day, just ping me directly on here or Matrix (linked in profile). I can't promise anything though as I'm not the only one deciding on this, but as a non-default theme we can most likely integrate it after your tweaks.

load more comments
view more: next ›
this post was submitted on 13 Jun 2023
59 points (100.0% liked)

Technology

37801 readers
197 users here now

A nice place to discuss rumors, happenings, innovations, and challenges in the technology sphere. We also welcome discussions on the intersections of technology and society. If it’s technological news or discussion of technology, it probably belongs here.

Remember the overriding ethos on Beehaw: Be(e) Nice. Each user you encounter here is a person, and should be treated with kindness (even if they’re wrong, or use a Linux distro you don’t like). Personal attacks will not be tolerated.

Subcommunities on Beehaw:


This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

founded 2 years ago
MODERATORS