quantecon-book-theme icon indicating copy to clipboard operation
quantecon-book-theme copied to clipboard

[review] Dark Mode -- Figure Contrast for Transparent Section of Image

Open mmcky opened this issue 5 years ago • 3 comments

Is there a way to control background for the transparent components of the generated images?

See first generated image in

https://quantecon.github.io/lecture-python-programming.myst/numba.html

with dark mode enabled.

The axis data is a bit difficult to read.

mmcky avatar Oct 12 '20 05:10 mmcky

Yes we can, we can use a filter to invert the colours. Here are two examples from that page:

image image

For self reference

filter: invert(100%) hue-rotate(-180deg) !important;
-ms-filter: invert(100%) !important;
-webkit-filter: invert(100%) hue-rotate(-180deg) !important;

DrDrij avatar Oct 12 '20 08:10 DrDrij

thanks @DrDrij that looks like a big improvement

mmcky avatar Oct 12 '20 09:10 mmcky

@DrDrij - just fyi - the preview on that commit doesn't seem to have taken effect for images

https://5f8437440d7ad18f9eee916c--hungry-lovelace-7d0512.netlify.app/matplotlib.html

mmcky avatar Oct 12 '20 18:10 mmcky