Dark mode for Typst Documentation

[kamack38]

Description

It would be great and logical to have a dark mode for the documentation page, since the editor has. One of the challenges would be to generate previews with a black or gray background and white text.

Use Case

It would reduce eye strain, especially when switching from the black editor to the docs page.

[kamack38]

Here's how the page looks using dark reader.

[laurmaedje]

One of the challenges would be to generate previews with a black or gray background and white text.

I think we could use CSS for this without changing the images. That's what happens in the editor, too, if you invert the preview.

[Andrew15-5]

I agree that images should be left alone, because that's how dark reader works. And it adds complexity if 2 different images should be generated. Although I wish all images appear dark-friendly.

[Andrew15-5]

@kamack38, this screenshot appears outdated. I've added one or more patches to dark mode so that the docs would look decent. I remember that at least I patched the SVG images. So now all the arrows and icons are visible.

I honestly don't care if any website has a dark theme as long as it looks readable and not ugly with dark reader.