Text colors are not correct

[cilerler]

reference:// mermaid-js/mermaid#570

As you can see it in the screenshot, ALT,OPT,LOOP titles are not visible. (text is there, it is just a dark color which makes it very difficult to read on dark theme.)

@tylerlong stated
Mermaid has a dark theme which is suitable for dark backgrounds. https://unpkg.com/mermaid@7.0.0/dist/mermaid.dark.css

[mjbvz]

Can you please share the source of that example. We already use mermaid.dark.css but I suspect some rule is being overridden

[cilerler]

sequenceDiagram
    participant Service
    participant Provider

    loop Minute query
        Service->> Provider: request Records

        alt is maintenance
            Provider --x Service: response No-Record
        else is page
            Provider --x Service: response Records

            Service ->> Service: locate New Records

            opt new Record exist
                loop Details
                    Service ->> Provider: request Details
                    Provider --x Service: respose Details
                end
            end
        end

        Note right of Service: Wait until<br/>time is up...

    end

Loading

[tylerlong]

I posted reply to mermaid-js/mermaid#570

Let me know if there is anything else that I can help.

[nihao]

I set mermaid.dark.css file to the option of markdown.styles in user settings of vscode.
url for the mermaid.dark.css is: https://unpkg.com/mermaid@7.0.0/dist/mermaid.dark.css

but it's not effect

[mjbvz]

I've picked up 8.0.0-rc.8 and switching to explicitly passing in "theme": "dark" but the new Record exist labels are still black:

Is this expected @tylerlong?