The site can be a bit bright and hard to look at at night. It would be great if there was a dark theme option.
Alpha test:
The theme option gets saved in the browser session. The only way to go back is to click on the Restore or clear browser data. It is currently not saved to the account.
Iâve been wanting this for a while now, so I had a designer mock up a potential dark theme. Of course the colors are pretty easily changed, but I think it looks pretty awesome! Let me know
By the way, and this is just personal preference, but I think I prefer when the lighter shade is the main theme and the darker shade is the secondary theme. Let me give you an example.
I personally find this second one much easier on the eyes. I find the first one pretty harsh actually, and âharshâ is my same initial reaction to those mockups.
(Unfortunately not much constructive to add since Iâm really not a UX specialist.)
I actually think this is mostly due to the juxtaposition between the black here and the dark blue⌠it looks much less blue when itâs by itself.
I see, hmm. I personally think I like it this way better (and prefer anilists current dark theme) as it decreases the overall âlightnessâ of the UI. I do understand though your perspective. My guess is that you find it easier to read text on the darker background? Just like itâs easier to read dark text on a lighter background?
Iâll definitely think on that
Well shoot . If you found it less blue, would that make a difference? Is the darker foreground a must? Would you still use it?
And letâs see what others think too. I will say that Iâm inclined to get a dark theme option implemented first and then debate the finer points of the colors, possibly offering a few options if we find preferences are that wide.
I guess my thing is that a dark theme doesnât have to mean black or incredibly dark. It just has to not be a bright white (or in Nativelyâs case tan). I tend to keep the lights dim while using my computer in the evenings, so bright background colors are jarring.
I think itâs a recent trend (last 3-5 years) that dark themes have started using black backgrounds instead of some shade of grey, probably due in part to OLED displays. Before that medium to dark greys seemed to be more popular, and I liked those a lot better.
See the above comment, but also I think itâs generally frowned upon to have too much contrast in dark themes. (This is probably where my âharshâ feeling comes from.) So white on black is not really recommended. (For example, the Discourse dark theme seems to use #222 for its background instead of black, and I think itâs pretty good.) Of course, having too little contrast is bad as well. For example, the blue links on the blue background in the mockups are very hard to read.
The darker foreground is definitely not a must. I just happened to like that better on AniList compared to the opposite (and possibly in part due to their specific color choices).
Less blue would definitely help. I think youâre probably leaning too much into the main site theme. If you could find a way to use more neutral colors for the main background with only a touch of the blue theme I think that would help. (Perhaps some neutral grey background like Discourse uses with the lighter blue still in the foreground parts. Hard to say without a mockup.) I certainly canât answer âwould I still use itâ until thereâs a final version and I can try it side by side with the current theme. I will say that I use dark themes very often, but there have been times where I donât because I donât like the specific implementation.
My first impression is that the neon green buttons look out of place on this blue background, which might also be helped by desaturating the blue as suggested above. Also, I think blue-dark themes tend to shift the hue just a bit more towards purple than whatâs in the mockup above, which makes them feel less intense. These are just some quick thoughts though, youâll have to try out different things and see what works!
Fair enough, thanks all for the feedback! I think I agree with you all too after thinking about it more. I have a few more versions, just on the search page. Havenât focused on the buttons, but the designer I"m working with created a de-saturated dark blue, a super dark gray and then a lighter gray (but could probably still go lighter). What do we all think?@Megumin@Athakaspen@seanblue
I like all of these better! Side by side, I think I prefer the two grays (and if pressed I think the lighter one is my favorite), but Iâd probably be fine with any of these color schemes.
I like the gray versions more too, with a slight preference for the darker.
The medium blue text on a dark background is a bit hard for me to read. Itâs fine when all the words are in English because itâs my native language and I donât need to clearly see words to understand them, but I have a harder time reading Japanese under those conditions. My phone automatically switches to night mode, changing my Anki background from white to black, and Iâve tried using a bright medium blue shade similar to the ones in these mockups to indicate important words in sentence cards, but it turned out I canât see them well enough in night mode and ended up using a different color with more contrast.
I might be the only one, but I like the dark blue the best, and then the lighter gray after that. The blue text is a bit hard for me to read on all of them.
I like them all, though light grey might be easiest on the eyes. But overall, Iâd desaturate or darken both the blue and the green a bit more⌠the contrast is a bit jarring.
I prefer the grey options over the blue option. (Slight preference for the darker grey I think, but the light grey is good too.) I agree that the green is still pretty jarring against the dark background.
Thanks everyone for the opinions! I think Iâm leaning towards the lighter gray for now.
For the ones who preferred the darker gray, I think the lighter gray looks a little washed out in the image Iâve linked (and I think the darker gray looks better here too), but I think the lighter gray looks better when implemented on the site.
I do think that the grays are a bit boring⌠I prefer the dark blue too @Mizuki! At some point iâll probably implement the dark blue as an additional option as it looks much softer and aesthetic to me, but for now, Iâll do the popular and safe option
Will work on reducing the contrast of those colors!
You could make the grey less boring by still using the blue in the header and footer. If you donât think it clashes. (Nothing wrong with boring though.)