Also, here are some more places to fix. If you were to implement the colors you just showed and fixed most of the below issues, I’d probably switch to dark theme for real.
@暁のルナ@seanblue Great to hear! I still pretty strongly prefer the current version, but i’m happy to add this higher contrast version as a user setting for dark mode.
It’s too dark for me for some reason.
In any case, I’ll try to get this rolled out soon. All the little issues you highlighted @seanblue are current issues already for dark mode I think, so need to address anyway.
I don’t think this has been brought up yet, but apologies if I missed it.
On things you’ve already wishlisted, the greyed out box color makes it hard to see the check mark to see that it’s already been wishlisted (if you don’t realize that the wishlist button should be a different color, which I didn’t realize at first)
In general, I’d reduce colors a lot, make existing colors more muted and make the overall style more darker so existing colors can pop again. I would design all interactive elements the same way. I’m not sure about the outlines I added, I can easily do another version without outlines. I just thought it was easier to make elements visually distinct by outlines instead of colors, since it’s harder if colors have to stick out from each other instead of outlines when you use dark mode.
You can get the colors out of figma by using the inspect mode.
This is the result after playing around for a bit of time, if you like what I’m doing I can spent some more time with it, but I’m not sure if that is helpful in any way
I guess it would be good to check if the outlines would look okay-ish in the dashboard as well since there are even more cards close to each other, it could maybe become a bit too much. I guess I would also try and see how it looks there. I think it could work even without outlines.
How does everyone else here in the thread like it? If it doesn’t look good to you here of course we should stick to the old design or maybe only adapt a few things.
Sure, I can do that. I will do that sometime this week, hope there is no rush?
I guess I can’t help with the rest. I only can do HTML/CSS since my frontend days are long over I am only working as a Product Designer since a few years, so always happy to give input on design things. It has been a few years since I last designed a dark mode, but of course when I did that for the company I worked at at the time we spent way more time on it and were several designers working on it, so I wouldn’t be surprised if my quick solution isn’t that good.
Oh and everyone, feel free to duplicate the figma file and play around with it and change things for the better! But be aware that there are two pages and one is just some messy drafts and inspirations
I also further adapted a few colors and reduced the initial colors where I could to make the color palette as small as possible. I also decided to remove the borders again as I felt like it’s only clutter that is not needed. Feel free to send me a dm if you need further support. In Figma you can also go into inspect mode to check where I used which color.
Hope this helps!
(I’m not sad if this doesn’t get implemented! So don’t feel pressured to use my colors if you feel like they don’t work.)