Lemmy.ca's Main Community

3475 readers

102 users here now

Welcome to the lemmy.ca/c/main community!

All new users on lemmy.ca are automatically subscribed to this community, so this is the place to read announcements, make suggestions, and chat about the goings-on of lemmy.ca.

For support requests specific to lemmy.ca, you can use [email protected].

founded 4 years ago

MODERATORS

Better Lemmy UI - Stylus CSS (lemmy.ca)

submitted 2 years ago by subigo to c/main

13 comments fedilink hide all child comments

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.)

you are viewing a single comment's thread
view the rest of the comments

[–] smorks 1 points 2 years ago* (last edited 2 years ago) (1 children)

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.

[–] [email protected] 1 points 2 years ago (1 children)

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

[–] smorks 2 points 2 years ago

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