Decided to try my hand at bringing my favorite theme to Lemmy. It’s very rough right now but I figured I would share with the community. You can install it in Stylus here to test. I welcome all feedback and suggestions!

  • Morethanevil
    link
    fedilink
    English
    121 year ago

    I would love to have this one in my “extra themes” folder on my Lemmy instance, but it does not work because it is a stylus theme. Could you make a native theme? It looks really great 😊

    • @[email protected]OP
      link
      fedilink
      English
      71 year ago

      Thank you! I’m glad you like it. I didn’t anticipate interest in a native theme but I’ll certainly look into it and let you know when I cobble something together 😁

      • Nerd02
        link
        fedilink
        English
        11 year ago

        I second this request. Your theme looks great and I’d love to include it in my instance.

    • Sir Aramis
      link
      fedilink
      English
      51 year ago

      I definitely would love to learn how to add more themes to the settings. Is it only something an instance admin can do?

      • Morethanevil
        link
        fedilink
        English
        21 year ago

        An instance wide theme is only possible if the admin copies it to the right folder. There are only a few informations in the docs

        Maybe this is useful for you :) Would love to try your theme on my instance

        • frozen
          link
          fedilink
          English
          71 year ago

          lemmy-ui 0.18.0 upgraded Bootstrap to v5, just FYI. Docs are out of date, but that’s to be expected given how much code churn is going on right now.

  • kratoz29
    link
    English
    41 year ago

    It looks amazing.

  • katy ✨
    link
    fedilink
    English
    41 year ago

    Love it! :)

    The only thing I wish is there was a distinctive way to differentiate whether or not you’ve upvoted because it’s hard to tell now.

    • @[email protected]OP
      link
      fedilink
      English
      31 year ago

      Thanks! Could you share a screenshot of the upvote arrows? They look distinctive in my browser but that’s why I wanted others to test the theme. I’m sure there are elements that I missed.

      • katy ✨
        link
        fedilink
        English
        11 year ago

        Sorry, I typed it out but I went up to screen shot and the window went away so redoing this from memory.

        The upvotes on comments are coloured grey for not upvoted and yellow for upvoted, so that’s fine. It’s mostly on upvoted on posts; the colour doesn’t change so the only way to tell is if the number goes up or down.

        Not upvoted

        Upvoted

        I can tell from the number change but after that it’s still just grey though it does flash yellow when you first click upvote but then it goes back to grey! :)

          • katy ✨
            link
            fedilink
            English
            11 year ago

            Thanks! :D Sorry for being a pain! I appreciate it and the theme! blobcat, heart

            • @[email protected]OP
              link
              fedilink
              English
              31 year ago

              Not a pain! Quite the opposite. I pushed an update this afternoon that should have fixed the bug, let me know if that helps and/or if you find any other issues. Much appreciated 😄

              • katy ✨
                link
                fedilink
                English
                11 year ago

                Thank you!! The only other suggestion would be to make a version with a bigger font since it’s a little hard to read but no big deal if not! 💙

                • @[email protected]OP
                  link
                  fedilink
                  English
                  11 year ago

                  I just pushed an update with different font selections, I may try to add size selection in a future update as well. For now see if any of the other fonts are easier for you to read!

  • @[email protected]
    link
    fedilink
    English
    31 year ago

    This is really well done, thank you!

    Is it possible to make the font configurable? That can be done in the header like:

    @var select user-font "Font" ["Comic Sans MS", "Comic Neue", "PT Sans", "PT Serif"]
    

    Then later use it like:

    html {
        font-family: var(--user-font);
    }
    

    Full working example at my Discord Solarized Dark Comic Sans MS theme.

    • @[email protected]OP
      link
      fedilink
      English
      11 year ago

      Thanks for the suggestion, I didn’t know this was a possibility. Just pushed an update that should now include font options!

  • Sir Aramis
    link
    fedilink
    English
    31 year ago

    Already installed it yesterday for my night mode and loving it 😁

  • kratoz29
    link
    English
    21 year ago

    Damn, if I’m using Safari on macOS I’m out of luck I guess :/

  • @[email protected]
    link
    fedilink
    English
    21 year ago

    New to using stylus, how should I add this theme for my instance? Do I have to change anything in the code?

    • @[email protected]OP
      link
      fedilink
      English
      01 year ago

      Stylus themes only change CSS locally in-browser, I’m still working on a native theme. I will definitely post an update when it’s further along because I’ll need help from others willing to install and test early versions on their own instances!

  • @shotgun_crab
    link
    English
    2
    edit-2
    1 year ago

    Looks great! Now I wonder, does catppuccin for Lemmy exist yet?

  • ElectronSoup
    link
    fedilink
    01 year ago

    When did ‘darcula’ in the context of the theme become ‘dracula’ ? The punnyness of ‘darcula’ always entertained me, but the rename is just sad.

      • ElectronSoup
        link
        fedilink
        01 year ago

        Ah, ‘dracula’ appears to be a very similar looking theme (although less orange) from about 6 months (oct vs mar 2013) after the creation of the original ‘darcula’ theme that IntelliJ adopted and every other editor has copied since.