Skip to content

Dark mode breaks SVG's #173

@AwesomeTornado

Description

@AwesomeTornado

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.

Image Image

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

  • Identify all graphics that need to be updated
  • Created dark mode friendly versions of every graphic
  • Modify the Markdown for each changed graphic to be theme dependent

Metadata

Metadata

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions