Hi everyone!

There is a new theme called cyberpunkish in the web interface settings now.

I wanted to create a theme for this instance and this is my first stab at it. If you try it out, any feedback is very welcome!

I edited this post to show how it looks now in latest version. I will sticky this post for a day so regular users dont miss info about it.

Frontpage:

Comments:

Communities:

Huge thanks to @[email protected] for so much great feedback about the theme.

If many people think its great, perhaps we set it as default for the instance.

    • Allero@lemmy.today
      link
      fedilink
      arrow-up
      2
      ·
      edit-2
      28 days ago

      Coming back after I tried, now I love it more than Photon! You really managed to breathe some fresh air into an otherwise bulky and rough interface

      If I would change anything after playing around with it for a while, it’s the amount of gradient elements that make it look a bit too vibrant and cheap at the same time. Though I absolutely adore how you managed to highlight selected toggles like “Subscribed/Home/All” and “Hot/Top/Controversial/New/Old”. And the top bar is pure gold, with cyberpunkish instance name and perfect menu grouping.

      • mrmanager@lemmy.todayOPM
        link
        fedilink
        arrow-up
        1
        ·
        edit-2
        28 days ago

        Thank you! Im still working on it, so I really love the feedback. Which gradients would you get rid off? Take screenshots and show me if you have some time. :)

        I dont know if I like the right side gradients so much, something feels off here to me:

        And also not sure about the post form if its too much:

        • Allero@lemmy.today
          link
          fedilink
          arrow-up
          2
          ·
          edit-2
          27 days ago

          Yes, the right side is a big culprit indeed, especially the links. They may use something to be less bland, maybe, but they shouldn’t be so vivid as to throw the visual balance.

          Also maybe something can be done about the gradient bar next to posts:

          Maybe extend and curve them a little to fit the post blocks, so that they would look more complementary?

          The comment field you demonstrated is fine by me - if only the text field should be more consistent. It should either be all black, without that gradient frame, or the gradient color should fill the whole field.

          • mrmanager@lemmy.todayOPM
            link
            fedilink
            arrow-up
            2
            ·
            edit-2
            27 days ago

            Thank you, will see what I can do the coming days. I like that gradient next to the posts, but you are thinking they could be a bit curved to cover a bit of the top and bottom as well, like “[” ?

            Maybe each post could have some thin border around it with gradient, but could be too much also.

            Some experiments:

            • Allero@lemmy.today
              link
              fedilink
              arrow-up
              2
              ·
              27 days ago

              Oooh, the second one is good! Even better than I envisioned. The first one has some merit too - especially if it could display upvote/downvote ratio, though as most posts have it on the side of upvotes, this adds some complexity. Also I don’t know if it’s even possible. But in any case, the second one is good as it is.

              • mrmanager@lemmy.todayOPM
                link
                fedilink
                arrow-up
                3
                ·
                27 days ago

                Yeah it kind of fits well into the vibe. If you pick the “test3.css” theme you can use it and see how it fits overall.

                  • mrmanager@lemmy.todayOPM
                    link
                    fedilink
                    arrow-up
                    1
                    ·
                    26 days ago

                    I made the gradient blue only, it felt like it was a bit too much color going on there… and changed the sidebar and the logotype a bit. What do you think?

                    This is test5.css at the moment. :)