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!
Looks cool. Would like a slightly more compact view without the big buffer between posts, but it looks good. ๐
Im writing down all requests and may make variations of the theme later. :)
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? ;)
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!
When you click on the dropdown it seems to just be default OS themed.
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.
It's not a huge deal really. I just noticed that it's themed for the account profile menu but not that one.
The profile menu is a List item
Lielement and it contains otherLielements for it's options.To avoid writing more JS than necessary and to have more semantic HTML,
Selectelements are used (like in this drop down), so you can simply listen to theirchangedevent and execute code.But the devs could've slightly modified that custom drop down and used it everywhere for consistency.
Ah the actual dropdown. Not sure if that one can be themed with just CSS. Will find out. :)
Just noticed the message notification container doesn't... container. IDK if bug or not... just in QA mindset now.
Yeah I saw that, needs fixing! Thanks!
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".
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.