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;
  • Krusty@feddit.it
    link
    fedilink
    English
    arrow-up
    8
    ·
    1 year ago

    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

    • 1337tux@lemmy.worldOP
      link
      fedilink
      English
      arrow-up
      2
      arrow-down
      1
      ·
      1 year ago

      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

  • andobando@lemmy.world
    link
    fedilink
    English
    arrow-up
    5
    ·
    1 year ago

    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.

    • 1337tux@lemmy.worldOP
      link
      fedilink
      English
      arrow-up
      1
      ·
      1 year ago

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

  • lenninscjay@lemmy.world
    link
    fedilink
    English
    arrow-up
    5
    ·
    1 year ago

    This is what’s beautiful in open source. I wonder if any one has had any luck making the old.Reddit nesting style yet

  • lebkuchen@lemmy.world
    link
    fedilink
    English
    arrow-up
    4
    ·
    1 year ago

    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; }

    ___

  • funkyb@lemmy.world
    link
    fedilink
    English
    arrow-up
    4
    ·
    1 year ago

    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.

    • T156@lemmy.world
      link
      fedilink
      English
      arrow-up
      1
      ·
      1 year ago

      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.

      • cablepick@lemmy.cablepick.net
        link
        fedilink
        English
        arrow-up
        2
        ·
        1 year ago

        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.

      • Cas@lemmy.world
        link
        fedilink
        English
        arrow-up
        1
        ·
        1 year ago

        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.

      • the_right_god@lemmy.world
        link
        fedilink
        English
        arrow-up
        1
        ·
        1 year ago

        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

  • Spzi@lemmy.click
    link
    fedilink
    English
    arrow-up
    2
    ·
    1 year ago

    I like the way threaded comments are colored in the default scheme. Makes it very easy to see which subcomment belongs to which parent.

    With a bunch of vertical lines, I quickly lose track.

    But I very much appreciate all the crafting and tinkering going on! It’s nice to see things grow.

    • MiddleWeigh@lemmy.world
      link
      fedilink
      English
      arrow-up
      2
      ·
      1 year ago

      Tracing those lines was almost a wasted effort for some more complex threads lol. Start going cross eyed. I like the colors much more.

  • delnac@lemmy.one
    link
    fedilink
    English
    arrow-up
    1
    ·
    1 year ago

    It requires tampermonkey, greasemonkey or any equivalent but this also works wonder to get a more compact look while fully utilizing the entire screen.