Default theme change (thelemmy.club)
submitted 7 months ago* (last edited 7 months ago) by [M] to c/lemmytoday@lemmy.today
 

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!

you are viewing a single comment's thread
view the rest of the comments
[–] 9 points 7 months ago (12 children)

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

  • source
  • hideshow 12 child comments
  • [–] [S] 4 points 7 months ago (9 children)

    Im writing down all requests and may make variations of the theme later. :)

  • source
  • parent
  • hideshow 9 child comments
  • [–] 2 points 7 months ago* (8 children)

    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? ;)

  • source
  • parent
  • hideshow 8 child comments
  • [–] [S] 3 points 7 months ago (7 children)

    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!

  • source
  • parent
  • hideshow 7 child comments
  • [–] 1 point 7 months ago (6 children)

    When you click on the dropdown it seems to just be default OS themed.

  • source
  • parent
  • hideshow 6 child comments
  • [–] 2 points 7 months ago (2 children)

    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.

  • source
  • parent
  • hideshow 2 child comments
  • [–] 1 point 7 months ago (1 child)

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

  • source
  • parent
  • hideshow 1 child comment
  • [–] 1 point 7 months 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.

  • source
  • parent
  • [–] [S] 2 points 7 months ago (2 children)

    Ah the actual dropdown. Not sure if that one can be themed with just CSS. Will find out. :)

  • source
  • parent
  • hideshow 2 child comments
  • [–] 1 point 7 months ago* (1 child)

    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".

  • source
  • parent
  • hideshow 1 child comment
  • [–] 2 points 7 months 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.

  • source
  • parent