Crumb
c/main · by subigo@lemmy.ca · 3y

Better Lemmy UI - Stylus CSS

IMO, the default Lemmy style is ridiculous on desktop (especially widescreen). I saw a few posts on other servers with some Stylus CSS changes and they were a good start. I made a few changes to get rid of some of the crazy font sizes, padding/margin, and width.

The CSS: https://pastebin.com/b71sNaRe

Stylus Chrome extenstion: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Screenshots: https://i.imgur.com/UdKigJD.png https://i.imgur.com/PBNb1SK.png

Hopefully this makes things more bearable for a few people. (If you use dark mode, just delete lines 10, 11, and 12.)

7 points · 14 comments · view on lemmy.world

14 Comments

corsicanguppy@lemmy.ca · 1 pts · 3y (3 replies)

How do we get that back into the source as a standard deployment option?

knova@links.dartboard.social · 2 pts · 3y (2 replies)

A pull request on GitHub for the Lemmy-UI project

corsicanguppy@lemmy.ca · 1 pts · 3y (1 reply)

Whoosh? ;-)

knova@links.dartboard.social · 1 pts · 3y

I guess so

smorks@lemmy.ca · 1 pts · 3y (2 replies)

i attempted to apply the style from here: https://userstyles.world/style/10301/better-lemmy to the theme here called darkly-better, but that looks cleaner. i'll attempt to port it to the existing css so it can be selectable as a theme as well.

knova@links.dartboard.social · 1 pts · 3y (1 reply)

Can you share that if you edit the original CSS? I run my own instance and would like to apply it site wide.

smorks@lemmy.ca · 2 pts · 3y

for sure! i will let you know if/when i get it working.

Zamboniman@lemmy.ca · 1 pts · 3y (3 replies)

Any plans for a firefox extension?

subigo@lemmy.ca · 2 pts · 3y (2 replies)

Stylus has a firefox extension here: https://addons.mozilla.org/en-US/firefox/addon/styl-us/

Zamboniman@lemmy.ca · 1 pts · 3y

I figured it out, thanks! Looks good!

Zamboniman@lemmy.ca · 1 pts · 3y

Thanks! I'll take a look.

subigo@lemmy.ca · 1 pts · 3y

Updated version: https://pastebin.com/fkCYUei3

wvenable@lemmy.ca · 1 pts · 3y

This is great. I've already started tweaking it. I don't know why the default font color here is a dark gray instead of black it really hurts readability. In fact, some of the other color choices are just not very nice.