Hi guys,

So I decided to change the default theme to cyberpunkish.css to make this instance look different from a default lemmy instance.

If a lot of people tell me this is a shitty idea and I should not do this, I will revert it. Just wanted to give this instance a style of its own. The default theme is still there under lemmy_default.css if you prefer it.

Let me know if you have strong feelings about it, one way or the other!

  • Durandal@lemmy.todayEnglish
    8·
    5 days ago

    Looks cool. Would like a slightly more compact view without the big buffer between posts, but it looks good. 👍

      • Durandal@lemmy.todayEnglish
        2·
        5 days ago

        IDK if this is just a limitation of the css available or missing customization… but the sort order (hot, active, new, etc) seems to be un-themed.

        Also… the little lemmy guy icon next to the name… no cyberpunk visor? ;)

        • mrmanager@lemmy.todayOPM
          3·
          5 days ago

          Hmm, interesting, the sort order is themed for me. You mean here?

          And I love that idea with cyberpunk visor, will need to look into that for sure!

            • Limitless_screaming@kbin.earth
              2·
              5 days ago

              That is a select element, it gets rendered by the browser and can’t be themed fully using CSS without replacing it with a custom web component.

              If you’re using Firefox, the GTK theme of your OS specifies how it and other native components (e.g. color pickers) look.

              Some aspects can be customized, but it’s a pain and doesn’t work well across different browsers.

              • Durandal@lemmy.todayEnglish
                1·
                5 days ago

                It’s not a huge deal really. I just noticed that it’s themed for the account profile menu but not that one.

                • Limitless_screaming@kbin.earth
                  1·
                  5 days ago

                  The profile menu is a List item Li element and it contains other Li elements for it’s options.

                  To avoid writing more JS than necessary and to have more semantic HTML, Select elements are used (like in this drop down), so you can simply listen to their changed event and execute code.

                  But the devs could’ve slightly modified that custom drop down and used it everywhere for consistency.

    • tal@lemmy.todayEnglish
      1·
      5 days ago

      If you want to tweak the appearance of a website via custom CSS (and optionally share it), there’s the Firefox and Chrome extension Stylus.

      https://addons.mozilla.org/en-US/firefox/addon/styl-us/

      https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

      It’s really intended for re-theming individual sites, though – I don’t think that it has a way to publish your CSS changes for lemmy.today’s theme so that users of any other lemmy instance could automatically find them using Stylus, just manually import them. You could upload them somewhere — and it looks like some people have done so, as with this GitHub archive of Lemmy themes — but it doesn’t natively provide a feature to “search for custom themes published for any Lemmy instance”.

      • Limitless_screaming@kbin.earth
        2·
        5 days ago

        It allows multiple domains to be specified, and you can use regex to match domains that contain the word “Lemmy”. And on userstyles.world or any other place you post your theme to, you can add “Lemmy” as a category so others can find it when using that as a search term.

        Users of instances which don’t have “Lemmy” in the domain name will have to modify it to add their instances though.