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

Environment

  • 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):

sequenceDiagram
   participant Client;
   participant OAuthProvider;
   participant Server;

   autonumber

   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.