Mermaid 'autonumber' feature: numbers are hard to see

Steps to reproduce

  1. Create a mermaid sequence diagram in Obsidian Editing view.
  2. Use the ‘autonumber’ feature of the Mermaid syntax in the diagram
  3. Switch to Reading view in Obsidian

Expected result

I expect to see the sequence numbers automatically applied to the process flows in the Mermaid sequence diagram when using Reading view.

The sequence numbers do show correctly in Editing view.

Actual result

Reading view does not show the sequence numbers that should be generated using the Mermaid ‘autonumber’ statement


  • Operating system:
    MacOS Monterey 12.5.1
    Google Chrome: 104.0.5112.101 (Official Build) (arm64)

Additional information

Example Mermaid code block to test with (be sure to enclose in ```mermaid code block tags):

   participant Client;
   participant OAuthProvider;
   participant Server;


   Client ->> OAuthProvider: Request access token;
   activate OAuthProvider;
   OAuthProvider ->> Client: Send access token;
   deactivate OAuthProvider;
   Client ->> Server: Request resource;
   activate Server;
   Server ->> OAuthProvider: Validate token;
   activate OAuthProvider;
   OAuthProvider ->> Server: Token valid
   deactivate OAuthProvider;
   Server ->> Client: Return resource;
   deactivate Server;

The numbers are there. They are hard to see.