White text on flowchart node becomes gray when exporting as pdf

[ciriousjoker]

Description

White text on flowchart node becomes gray when exporting as pdf.

On svg, everything looks as it's supposed to.

Steps to reproduce

1. Paste sample code into flowchart-demo.mmd
2. Run npx mmdc --input ./flowchart-demo.mmd --configFile config-demo.json --outputFormat pdf
3. Run npx mmdc --input ./flowchart-demo.mmd --configFile config-demo.json --outputFormat svg

Screenshots

pdf: flowchart-demo.mmd.pdf

screenshot of pdf:

png (svg looks identical):

Code Sample

config-demo.json

{
  "theme": "base",
  "themeVariables":{
    "primaryColor": "#d54008ff",
    "primaryTextColor": "#ffffff"
  }
}

flowchart-demo.mmd

flowchart TD
    SomeNode([Some Node])

Setup

• Mermaid version: 10.3.1
• Browser and Version: Chrome 116.0.5845.96 (official build) (arm64)

I'm on mac os. No idea which chromium version puppeteer uses under the hood.

Suggested Solutions

no idea

Additional Context

• Code sample looks a bit different because I stripped everything that isn't relevant.
• I tried absolutely everything to get white text on red background: switched to different theme, set fill & color in css with !important, set all possible variables that I could find

[frederikstroem]

I am having the same issue, using https://ghcr.io/mermaid-js/mermaid-cli/mermaid-cli docker image.