Lemmy Plugins and Userscripts

2175 readers

1 users here now

A general repository for user scripts and plugins used to enhance the Lemmy browsing experience.

Post (or cross-post) your favorite Lemmy enhancements here!

General posting suggestions:

Preface the submission with the type of enhancement - ex: [UserScript].
Include a screenshot of the enhancement in use (where possible)
Indicate the requirements for use (eg, greasemonkey, stylus, etc.)

Thanks!

founded 1 year ago

MODERATORS

god

mershed_perderders

[email protected]

Better Lemmy UI - Stylus CSS (lemmy.ca)

submitted 1 year ago by Whooping_Seal to c/plugins

5 comments fedilink hide all child comments

cross-posted from: https://lemmy.ca/post/658611

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

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

I'd appreciate a dark mode, looks great otherwise.

[–] [email protected] 1 points 1 year ago

That's an easy fix.

Create a new style in Stylus, find this part of the code:

body { background-color: #fafafa; }

and change #fafafa to #181a1b.

Save as new theme, and voilà.