Brightening the browser preview

[qu8n]

I really appreciate all the work on this project! Recently installed and using it with Neovim. I noticed that the preview in the browser is dimmed out -- Is there a way to view it normally without the dimming effect? Would prefer not having to manually customize the styling if possible.

Example from the main README.md:

[jannis-baum]

Hello! Happy to hear you like the project!

What exactly do you mean by "dimmed out", the color scheme? If so, the way to change the color scheme is to adjust the styling. If you just want to change the colors this is very simple since all colors are set by color variables that you can easily overwrite, see the color definition for reference and the customization guide for how to add custom CSS.

The default dark scheme has a fully black background to take advantage of OLED/mLED displays and the text is gray because high contrast (e.g. with white) increases eye strain. By setting the color variables you can make it look however you want :)

[tuurep]

We've considered making the default dark theme use the same colors as GitHub's default dark theme so that it would better mirror the light theme

Some history:

Vivify started with having only Jannis's custom dark theme (which is still the dark theme)

A while later I made a light theme based on GitHub's colors and we made that the default light theme for Vivify

We don't intentionally have a "dimming effect" but maybe that could be part of the impression?

[qu8n]

Thank you both for the quick responses. To illustrate the issue, here is a side-by-side of Vivify's browser preview (left) vs. GitHub.com's dark theme (right).

The default Vivify theme has noticeably lower contrast for body text compared to GitHub's dark mode, which personally makes longer documents harder to read. For now I've switched to gh-markdown-preview, but I'd be happy to test if you ship theme changes or a standard dark mode option. Great work on this project!

[tuurep]

Nice I see what you mean now