Reddit refugee here.
I have really started to like Lemmy and love the fact that it’s free and open source, but I wasn’t feeling so home with the UI, so I found nice looking style from https://userstyles.world/style/10345/lemmy-world but I personally prefer dark theme so I adjusted some colours and made the radiuses and margins bigger. I thought that maybe someone will find this useful and hence I decided to post it here. I am not a professional programmer, just a guy who likes to tinker with computers so this style may not be perfect. Critique, feedback and suggestions are welcome.
Edit: The colors are from reddit and if you want the colors to look more like the original lemmy, change the bg primary and default to hex #303030 and #222222. I really like this color scheme too
--bg-primary: #303030;
--bg-default: #222222;
Edit2: I have now made some small adjustments using the feedback and suggestion I got from you. I’m really grateful for the feedback :)
I also have now two styles, which have slightly different color scheme https://userstyles.world/user/VILPAUTOEE
Keep the feedback coming ;D Thx
Lemmy Enhance Suite when?
And what is it with the narrow aspects? I totally get the need for mobile support, but the default desktop view looks like it’s trying to play nice with old 4:3 aspects. If that’s the root design goal, I sure hope we can let that design goal die. In a 16:9 maximized window there is so much wasted real estate it pains me.
Lemmy doesn’t run very well on mobile either. It crashes and burns on my iPad (probably because it doesn’t fully support whatever fancy JavaScript it relies on), and Kbin is the only way to connect with Lemmy communities, since their site does work.
I think that’s the websocket connection that they are working on removing in the next version. Should make the loading issues on mobile go away.
That’s weird. For me it is kbin that crashes all the time. Lemmy works fine. I like kbin’s vibe and concept, I just figured it was still really buggy. Now I’m thinking maybe the problem is on my end.
I know - the default layout seems ludicrously cramped on a widescreen monitor. I wonder why the devs ever decided on the default CSS values.
After some tweaking, I’m quite happy with my setup now.
Yes! I hate the default look that doesn’t separate in “zones”
Hey! This looks awesome. Im a programmer working on a UI. I would really really really like to use this and work with you on completing my project.
You can use this freely and I’m open to improvements and changes to the code. You can for example make pull request to the github repo :)
Looks great!, thanks for sharing!
Hi, thanks for the feedback. The extension that userstyles.world redirects you to is Stylus not Stylish. It’s a fork of Stylish and they even state on their web site that “Any and all analytics, telemetry, and data-collection have been removed completely. We’d rather not know what you’re up to.” https://add0n.com/stylus.html
I hope this clear things ;)
ahh, didn’t know. Thanks!
I really like it. But I also think that it’s not a great idea to use colors similar to Reddit, it’s best if Lemmy (or each instance) finds its original design for those
Yeah I think so too, and that’s why I created two styles with different color schemes. I just think that some reddit refugees might have gotten used to the reddit colors and find them more familiar
I tweaked margin and padding. Is just a lot of wasted space if you ask me. .post-listing + hr.my-3 { margin-block: 0.2ch !important; } .post-listing { padding: 0.4rem 1rem; } :root { –radius-1: 1px; –radius-2: 2px; –radius-3: 4px; –radius-4: 8px; }
___This is what’s beautiful in open source. I wonder if any one has had any luck making the old.Reddit nesting style yet
YESSS
Just wanted to ask your opinion. Which is better color scheme. The reddit colors or the lemmy’s?
Reddit:
Lemmy:
I think the reddit one, the one with harder contrast is better. Let’s hope it will end up as a selectable layout in the official ui repo :)
It requires tampermonkey, greasemonkey or any equivalent but this also works wonder to get a more compact look while fully utilizing the entire screen.
Super awesome! Appreciate the UI upgrade.
This is just me but I missed the day when the site provided us to customize our profile page. Like friendster for example we can change the look of the buttons, we can change the size of the fonts and etc.
It shows us a little bit of our personality. But I know that it’s no longer a thing. The closes experience I could think of is how we design our linux desktop. In windows it would be using rainmeter.
Is there any way to get it working on Android?
Use a browser that allows you to install extensions.
Firefox and brave does not support it, unfortunately. Anyway I found an alternative which is the “thunder” app, although they still do not support comments/new posts. Apart from that it looks excellent and can recommend
do people really not like the way lemmy looks? I think it looks fine. But then again I’m in the minority that used the new reddit theme because old.reddit looked outdated (also the text I feel like was way smaller on old.reddit)
Lemmy looks too much like New Reddit for me. Lots of wasted space and mobile-centric UI.
Yep, I really miss the “old reddit” style. More information dense, I can see 10+ post on frontpage before I need to scroll.
Lemmy (and new reddit) only show 5-6 post on full screen laptop.
I am surprised that they went with such a modern-looking UI, as opposed to something older like Reddit’s compact/old interface. Sure, Lemmy was not meant to be a Reddit replacement, exactly, but Old/Compact Reddit did have a nice, performance-friendly UI, even if it was a bit visually dated.
It’s fine on mobile, but on desktop the default UI is ludicrously cramped.
On a 16:9 monitor, which the vast majority of people use, literally over half the screen is empty space.
Compare the default (top) to my custom CSS setup (bottom) in the screenshots below and you can see how much screen real estate is being wasted:
https://i.postimg.cc/PXsST8BZ/lemmy-UI-default-vs-custom.jpg
https://i.postimg.cc/rcpfccHf/lemmy-UI-default-vs-custom-2.jpg
