GitHub - HrBingR/Lemmy_CSS: Providing custom CSS for Lemmy instances
github.com
Providing custom CSS for Lemmy instances. Contribute to HrBingR/Lemmy_CSS development by creating an account on GitHub.

These themes are focused on reducing whitespace for all screensizes, make comment chains easier to follow, and aim to provide some variance from the default themes available on Lemmy.

These themes can be used with any extension that lets you inject custom CSS (such as Amino for Chrome and Edge).

For people making use of Stylus you can install the userCSS by going here, and choosing your theme and color scheme of choice in the userCSS preferences. Stylus makes themes like this a lot easier to use.

I’ve recently fixed some issues, and created a bunch of dark themes as well. Feel free to log any issues on the repo (including requests), and feel free to submit pull requests if you have any themes you’ve done that you’d like to add!

Just a note on light vs dark themes, the light themes are designed to work with the “Litely” theme in Lemmy’s settings, and the dark themes are designed to work with “Darkly”, so make sure to choose the applicable theme in your lemmy settings before applying one of the themes on the repo.

Special shoutout to @communist for the Ancom theme!

Here’s an example of the yellow dark theme:

Yellow_Dark

EDIT: A note on Stylus, currently the userCSS only applies to beehaw.org, but you should be able to edit the theme to change which domains it applies to, for other Lemmy instances.

    • HrBingR@beehaw.orgOP
      3·
      1 year ago

      Some mobile browsers might be able to use these themes, I’ve tried to make them as mobile friendly as possible! I think Firefox allows for installing extensions on mobile.

        • HrBingR@beehaw.orgOP
          1·
          1 year ago

          I think I’ll need to do some more testing, would you mind sending a screenshot illustrating what you mean? Then I can give it a go.

          • Los@beehaw.org
            1·
            1 year ago

            One post on mobile can take up more than half the screen in the feed - if the title and or text description is long. If we could truncate them then the feed is more compact.

            So in this screen shot, ideally remove the highlighted by truncating with a set character limit for titles and descriptions.

  • Varyag@beehaw.org
    2·
    1 year ago

    Ah, this is excellent! I really don’t get why, and neither like, the feed on Lemmy pages is centered wasting so much screen space. For that alone I want to throw this onto my browser.

    • HrBingR@beehaw.orgOP
      2·
      1 year ago

      Honestly, that was my biggest reason for starting this up. It just kind of snowballed from there.

      • GuyDudeman
        1·
        1 year ago

        Testing… I’m posting this from my lemmy.ml account to see if beehaw’s defederation prevents my messages from going through to you… testing… testing…

  • Zagaroth@beehaw.org
    1·
    1 year ago

    Okay, so I just had something weird happen. I was in the middle of replying to a thread further down (the Emet-Selch art) and this post displaced the post I was on. It did not displace the comments, and I was in all actuality still replying to the thread I had started reading, but visually this post had replaced the post I was on. Including the title.

    And this made me realize I had it happen to me before and explains my confusion then. That previous time did not have quite this level of visual jarring to it, so I didn’t notice immediately.

    Is this a known bug?

    • HrBingR@beehaw.orgOP
      2·
      1 year ago

      Honestly, I have no idea; can’t say that’s happened to me, but it might be best to post about it in /c/support so the admins see the issue and can potentially look at a fix (if it’s not already been reported to the Lemmy devs).