Automatic Mermaid Theming

New request (hopefully a real one this time)! :flushed:

The inline diagrams look great in light mode:

But are pretty unreadable in dark mode (my preferred setting):

Is there any possibility to make the lines and text white in dark mode (and shift the other colours to be darker to increase legibility)?

You can try to add this line above:

%%{init: {'theme':'dark'}}%% and there are more themes on Theme Configuration | Mermaid

1 Like

Worked like a charm—thank you! :slightly_smiling_face:

1 Like

@Tobias Would it be possible to add some “magic” behind-the-scenes in Supernotes, so that adding %%{init: {'theme':'dark'}}%% isn’t necessary, and switching back and forth between light and dark mode just works?

Hi @JamesT, on it, we’ll see what we can do :slight_smile:

And thanks for mentioning that workaround in the meantime @isaiur, great idea!

1 Like