Context
When using dark mode on docs.amdc.dev SVG's with black text and arrows are completely invisible. This leads to confusing articles, missed information, and a poor user experience.
Luckily, Sphinx allows for easy context based image rendering.
```{image} images/light-mode-image.svg
:align: center
:class: only-light
```
```{image} images/dark-mode-image.svg
:align: center
:class: only-dark
```
Approach
Context
When using dark mode on
docs.amdc.devSVG's with black text and arrows are completely invisible. This leads to confusing articles, missed information, and a poor user experience.Luckily, Sphinx allows for easy context based image rendering.
Approach