What I’m trying to do I’m much more comfy in dark mode, however the mermaid charts generally are borderline unreadable, so I would like to have the light mode applied to specific notes bodies. Things I have tried Tried to vibe code a custom css, and it kinda works, but it looks much much worse than…

Yeah, by default, mermaid diagrams aren’t well readable. You could try to download Dune-mermaid.css from my theme repo.

Take what you find in [image] Auto-adaptive images [for dark / light theme] Share & showcase I always want to have images that will adapt to the dark or white theme. But with JPEG files it is more the dream. Nevertheless I found one interesting hack that you ca…

How about making the dark mode’s Mermaid diagram itself—not the entire note—the same as in light mode? And of course its background. .theme-dark .mermaid { background-color: #fff; } .theme-dark .mermaid > svg { filter: unset; } If your link colors are significantly different between light and d…

this was the best suggestion, it is almost workable - thank you. however, the chart’s width exceeds the background’s width, so now the right part if the chart is hanging “in the air”.

I see what you mean. My first thought was to color the entire container, but now that you mention it, this might be better (replace the other snippet with this): .theme-dark .mermaid > svg { background-color: #fff; filter: unset; } Maybe you already know this and it doesn’t suit you, but mention…

The expectation doesn’t make sense to me. Wouldn’t the real need is just readable Mermaid diagrams regardless of theme? My approach on plantuml diagrams (which I think are superior to mermaid and is supported by Obsidian and even by Ole’s Digital Garden, and it too can be added styling) is use fil…

Theme (dark/light) on a per note basis?

Devs: Theme Design & Custom CSS

Sunnaq445 July 16, 2026, 2:24pm 3

Take what you find in

to your LLM and apply it to mermaid diagrams, images, whatever.