I use this plugin in combination with mermaid.js to generate a few diagrams.
So I wanted to add custom styling to these diagrams.
First idea was to include styles in the markdown-pdf settings.
These styles are not used for mermaid.js
So exploring the source code I found that only two different themes are supplied by default depending on the VS Code style.
I would like to add a custom theme (maybe based on the default theme?) via settings.
For this I want to create a CSS or SCSS file and include it easily inside the settings.json for the current workspace or global settings.
For now a workaround is to define styles at a local graph level (which can be tedious but doable with imports before applying the conversion).
Example:
%%{init: {'theme':'base'}}%%
This is working because the security settings are not set to strict and it overwrites the applied mermaid theme of markdown-pdf.
I use this plugin in combination with mermaid.js to generate a few diagrams. So I wanted to add custom styling to these diagrams.
First idea was to include styles in the markdown-pdf settings. These styles are not used for mermaid.js
So exploring the source code I found that only two different themes are supplied by default depending on the VS Code style. I would like to add a custom theme (maybe based on the default theme?) via settings. For this I want to create a CSS or SCSS file and include it easily inside the settings.json for the current workspace or global settings.
For now a workaround is to define styles at a local graph level (which can be tedious but doable with imports before applying the conversion).
Example:
This is working because the security settings are not set to strict and it overwrites the applied mermaid theme of markdown-pdf.