Mermaid sequenceDiagram with dark theme

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

1 Like

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

1 Like

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
image

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

Actual result:
image

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

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;
}