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!

I think it looks good and less plain than the default. :)

It's great. Nice job!

Wow, that's a nice theme. I like how clearly it compartmentalises things. It adds clarity over the default.

Thank you!

Its not visible in the screenshot, but you can see how the comments view look a bit nicer than default also if you go to lemmy.today and just browse some thread with comments.

I have to give @Allero@lemmy.today credit for helping out with feedback for this theme as well.

Kind of funny, because everything I felt was off with the initial look, thats the stuff that he commented on and said it can be improved.

I think there are still improvements that can be made, so if you or anyone else has ideas... Always super welcome.

I don't mind the general aesthetic, but I would like a change for the upvotes and downvotes: Color. Right now, in the thread, the arrows only grow in size after being clicked. This is slightly hard to decipher, and I personally would like a splash of color to make one's votes to stand out.

Making a upvote orange, and a downvote blue, would contrast nicely and be different from the neutral grays. This would make it easier to identify my expressed opinions as I scroll through a thread.

100%, its something i noticed also. Will do it. 👍 Thank you!

😬 Personally, I don't like dark themes. I have poor eye sight and dark themes always make the text look blurry to me.

Is it possible to change the theme at the individual level?

However, color inversion makes it harder to read for others. If this happens to you, eye dilation may be the culprit.

When you look at dark text on a light background, your pupils constrict to provide sharper visual acuity. Your pupils dilate when the background changes from white to black or darker colors.

Eye dilation is a normal response to low light conditions, but it makes it harder to focus on text. People with astigmatism might have a tough time reading in night mode.

https://www.visioncenter.org/blog/dark-mode-eye-health/

Absolutely, go into settings and pick a light theme there. The default theme has light version for example. Hope you find something that fits your eyes, otherwise I can add some more themes from the internet as well.

Sweet, thanks!

I added some media queries to the lemmy_default theme so if you pick that one now, it will choose the default light theme if your browser or operating system prefers light mode, and otherwise dark mode. Should be the easiest for everyone.

You may have to hold shift and reload the page to clear any browser cache, since I just changed that theme. :)

If I could make Connect look like this, I would be so happy. I mean, I think I can I just need to figure out which colors are which in the settings.

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. :)

Goes well with the Default(ish) Garuda Dragonized theme.

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.

Aww, that's a sweet credit

But it's all your work in the end! For us all :)

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

Also for me, I use the web browser quite often during the day. :) But yeah, very much appreciate the early feedback on this!

Just noticed the message notification container doesn't... container. IDK if bug or not... just in QA mindset now.

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.

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

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.

Yeah I saw that, needs fixing! Thanks!

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.

I like it. I mean I use a app to browse lemmy 99.9% of the time so my vote counts 0 but hey. its miles better than the default lemmy poop colors hehe

The site looks gayer now, yay

Haha :)

This is literally 1984

Lets go into dystopia together, mates. :)

Same. I use sync for lemmy which IMO it's the best for this. And your theme looks good :)

I really wanted to suggest just the same thing! Just thought you might wanna test it out on your own.

I'm happy this design is now the default, and it's surely a work to be proud of.

With that said, I hope other instances will be provided with this theme if ever requested :)

Absolutely. There was another thread about this theme on a other instance, and im so happy that more people like it.

Let me just clean this theme up and perhaps we can make a light version also. And then share it with the community.

Yay!