Mermaid sequenceDiagram with dark theme

[hirok]

dup of this but not solved.

Steps to reproduce

Exactly same as above issue but with v. 0.15.9.

Expected result

Font color in mermaid Note should have more contrast in dark mode.

Actual result

Please refer to the above issue screenshot.

Environment

• Operating system: MacOS Moterey 12.6
• Debug info:

SYSTEM INFO:
	Obsidian version: v0.15.9
	Installer version: v0.15.9
	Operating system: Darwin Kernel Version 21.6.0: Mon Aug 22 20:19:52 PDT 2022; root:xnu-8020.140.49~2/RELEASE_ARM64_T6000 21.6.0
	Login status: not logged in
	Insider build toggle: off
	Live preview: on
	Legacy editor: off
	Base theme: dark
	Community theme: none
	Snippets enabled: 0
	Restricted mode: on

RECOMMENDATIONS:
	none

---

Additional information

n/a

[GLight]

Steps to reproduce

• open sandbox
• change base color scheme to: Dark
• create a mermaid code block with the following code:

sequenceDiagram
participant N as N
participant D as D
N ->> D: hello
NOTE over D: say hello

Expected result

the content within the note block, i.e. “say hello” should be readable.

Actual result

Environment

• Operating system:

• Debug info:
  SYSTEM INFO:
  Obsidian version: v1.0.0
  Installer version: v0.15.9
  Operating system: Darwin Kernel Version 21.6.0: Mon Aug 22 20:17:10 PDT 2022; root:xnu-8020.140.49~2/RELEASE_X86_64 21.6.0
  Login status: logged in
  Catalyst license: supporter
  Insider build toggle: on
  Live preview: on
  Legacy editor: off
  Base theme: dark
  Community theme: none
  Snippets enabled: 0
  Restricted mode: off
  Plugins installed: 0
  Plugins enabled: 0

RECOMMENDATIONS:
none

---

Additional information

[Proximaterock4]

dup of Sequence Diagram ‘notes’ in dark-more render with unreadable colour scheme - Bug reports - Obsidian Forum

Steps to reproduce:

1. Set theme to dark mode
2. Create md file in Obsidian
3. Create a Mermaid sequence diagram
4. Create a sequence containing a note

Expected result

mermaid repro: Feature/1802 notes remain bright by Rutorai · Pull Request #1937 · mermaid-js/mermaid · GitHub

Actual result:

Example

sequenceDiagram
	participant Client
	participant Server
	Note over Client, Server: A

Environment

• Operating System: Windows 11 Pro

• Debug Info
  SYSTEM INFO:
  Obsidian version: v1.0.0
  Installer version: v1.0.0
  Operating system: Windows 10 Pro 10.0.22623
  Login status: logged in
  Catalyst license: none
  Insider build toggle: off
  Live preview: on
  Legacy editor: off
  Base theme: dark
  Community theme: none
  Snippets enabled: 0
  Restricted mode: on

  RECOMMENDATIONS:
  none

[GLight]

I found a method as a compromise:

change the --text-normal color to a darker tone.

here is the css snippet I’m using:

.theme-dark {
  --text-normal:#95b09a;
}

[WhiteNoise]

will be fixed 1.1.14