SaschaWillems
commented
3 months ago Gave this a quick spin, and it's already looking pretty nice. But before we get this out of the door we need to fix a few things. Right out of the box, there are elements that don't look good in dark mode.
Note: I only checked samples, guide and tutorial (not the spec) and also only did a quick runthrough.
E.g. the top bar:
The search bar doesn't match the dark theme, and the navigation links are black on dark red, which is pretty low in contrast, making them very hard to read.
Also the search term is almost impossible to read with dark gray on darker gray, esp. as the result popover is still white:
Same for the breadcrumb, which is gray on gray and very hard to read:
Bottom navigation also needs fixing:
Same for pages with right hand navigation:
Source highlighting also needs to be adjusted, as it currently has some very low contrast elements:
We also need to find a way to deal with transparent images that are pretty much unreadable now, like this from the Index buffer chapter of the tutorial:
Or the start page of the guide:
We should also adjust the link color, as the dark blue on black doesn't have a good contrast or visibility:
To sum it up: Great first step, but those tiny bits to make it work and look good for all content is probably gonna take quite some time and effort ;)
This will setup the dark theme based upon your browser preferences settings.