Docs: Update sphinx-mermaid config for theming about litestar HOT 6 CLOSED

We should be able to add this to https://github.com/litestar-org/litestar/blob/main/docs/_static/style.css @therealzanfar, if you want to open a PR?

from litestar.

https://github.com/mermaid-js/mermaid-cli would be required in the build process and I'm not sure that's something we want to do, but

is a pretty bad UX

from litestar.

@provinzkraut what do you think the best approach here is?

from litestar.

In testing, I haven't found a way to do this customization without mcli. 😞 Open for ideas

from litestar.

The following CSS rule seems to work well as a "hack":

html[data-theme=dark] .mermaid svg {
    background-color: white;
    padding: 1em;
}

from litestar.

The following CSS rule seems to work well as a "hack":

html[data-theme=dark] .mermaid svg {
    background-color: white;
    padding: 1em;
}

Yes, this is the way to go. It's good that sphinx follows standard practices.

from litestar.