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
Description
White text on flowchart node becomes gray when exporting as pdf.
On svg, everything looks as it's supposed to.
Steps to reproduce
npx mmdc --input ./flowchart-demo.mmd --configFile config-demo.json --outputFormat pdf
npx mmdc --input ./flowchart-demo.mmd --configFile config-demo.json --outputFormat svg
Screenshots
pdf: flowchart-demo.mmd.pdf
screenshot of pdf:![CleanShot 2023-08-19 at 06 00 16@2x](https://github.com/mermaid-js/mermaid/assets/16866223/c1742659-3d91-4fd3-a673-da16b521bf93)
png (svg looks identical):![flowchart-demo mmd](https://github.com/mermaid-js/mermaid/assets/16866223/02b039bd-52a2-4cfa-92e6-2f61f525b1e2)
Code Sample
config-demo.json
flowchart-demo.mmd
Setup
I'm on mac os. No idea which chromium version puppeteer uses under the hood.
Suggested Solutions
no idea
Additional Context