480
Can you code? We need your help to improve lemmy
(beehaw.org)
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.
If we could end up with a theme that looks a lot more like https://kbin.social, I'd be so happy. My biggest gripe with Lemmy is all of the white space, and none of the current themes improve that at all. All of the theme options offered by kbin look amazing by comparison, and to my understanding Lemmy theming is done via CSS based on Bootstrap v4, so new theme creation should be straightforward enough.
It's to the point where, when visiting Lemmy instances, I use a custom CSS extension to modify a few properties to make it a bit more palatable to me.
If you guys ever need help creating custom themes to offfer to users I'd be happy to contribute.
Can you post your user style??
But I would very much support having a more compact theme available without a browser extension. I think some tightening up up would make this place look more welcoming. It feels sort of "empty" due to all the white space.
Hey there, sure, currently I'm using this. The border between comments on a comment thread doesn't look the best, but it makes it easier for me to track comment levels so I like it, though there are certain properties I'd like to change but can't.
Either way, I'm using an extension called Amino to apply my CSS changes on a domain-level.
This fixes a lot of the whitespace and borders to make differentiating between posts and comments a little easier, while minimizing white space. I think it looks nice.
EDIT: I've made a few more changes in terms of color.
thank you I like it! I hate when websites force me to have so much blank space. Like I remember what an improvement it was in 2002 when everyone got into sans serif fonts and padding to their table based layouts and using % widths, but the craft has moved on from those days... For this kind of website I am thinking more of a newspaper and less of a coffee table book.
looks like Amino is only available for chrome and edge. For other ff users I will say I use an addon called Stylus but it might not be the best one; kind of resource hungry on big pages.
Hey so just a heads up, I made a few more changes that I quite like (again, for the red theme, tweak appropriately for the default green theme), so thought I'd just update you.
This changes the main feed quite a bit, adding a bit more of a card-like design to posts, though I have done my best to make sure there isn't too much white-space from this change, I just feel it looks a bit more modern, but again, feel free not to use it :)
It also, and this is my favorite change, changes the title color of any post you've visited, something that I feel is basic but for some reason Lemmy didn't have before. So now any posts you've visited before will be a light-gray color instead. Hope you find some value here.
Thank you for sharing! I will try it when i am on desktop.
I actually used your code as base to start to fix some things that bug me the most.. all spacing/positioning the colors are a total mess. So i am interested to see what yours is like. I can tell from looking that yours is more efficient because i do not know what im doing so it is trial and error.
Do you think there is a better place than wherever we are to post? A repo or other code sharing? I think the stylus extension connects to some sort of website but i never investigated it.
Hey so I setup a repo; swap to the default green litely theme, and then test a few of these out, I think they turned out quite well!
https://github.com/HrBingR/Lemmy_CSS/
Please feel free to submit pull requests if you have other colors or ideas you think would look nice. The more the merrier!
I have had hardly any time at the desktop this week! I tried your code and I like it because it generally looks good. I like mine because it uses the full use of space and has strong delineations. I'd like to combine them when I can. Dial down the hideous by about 50%.
Here is my code https://gist.github.com/btyaa/36a1743e7a0ae95b5aa8178722650b9e
I hope I am not disparaging you by giving you credit. I can remove it if you want. I do not feel this deserves to be in a repo at the moment. It is hideous at the front and the back.
The Stylus extension exported it with this
@-moz-document
and tbh I do not exactly know what that is; it isn't how it shows up when I edit it. I didnt look into it.Also I apologize for my various bad css habits such as preceding lines with
x
or other letters to comment them out instead of using comments. And I use border, outlines, backgrounds to help me locate things. Forgive me I learned CSS before web developer tools, before firebug, and only had intermittent practice since that time. I always fallback to my old ways. Only roughly grok CSS3. Usually I hide these but sometimes i miss. If I would properly share, I'd run a script to remove all the junk.But if it works easily in your userstyle extension you should try it out. It might hurt your eyes. I make effort to describe what I am doing in comments, because otherwise I get even more lost, but the way it exported isn't great.
Oh also it hides some stuff I am not interested in. So, uh, careful.
I was thinking of creating a Github repo for it, maybe make a few different theme variants as well for people that'd want different than the standard two colors etc. Might take a crack at it, will let you know.
omg did you add drop shadows??? wowwowow i love it
Glad you like it! :)
How do we deploy custom CSS?
So I use the Amino Chrome/Edge extension, which you can use to deploy CSS per-domain, but there should be alternatives available both for Chromium-based browsers and for Firefox.