Applying a default Mermaid style alongside a theme plugin

Hey everyone!

What I’m trying to do

I’m currently using the anuppuccin theme with the JSON below. I’ve started to use Mermaid in Obsidian for the first time, and although the default Mermaid in dark mode isn’t the best, it’s slightly worse again with this configuration.

I was wondering whether I could force the Mermaid diagrams to use one of their default styles without having to add lots of CSS or modify the theme. Does anyone know if that’s possible?

{
    "anuppuccin-theme-settings@@anuppuccin-theme-light": "ctp-rosepine-light",
    "anuppuccin-theme-settings@@ctp-custom-base@@light": "#F8F5F1",
    "anuppuccin-theme-settings@@ctp-custom-mantle@@light": "#F1EAE4",
    "anuppuccin-theme-settings@@ctp-custom-crust@@light": "#EAE2DC",
    "anuppuccin-theme-settings@@anuppuccin-light-theme-accents": "ctp-accent-light-lavender",
    "anuppuccin-theme-settings@@anp-active-line": "anp-current-line",
    "anuppuccin-theme-settings@@anp-callout-select": "anp-callout-sleek",
    "anuppuccin-theme-settings@@anp-callout-color-toggle": true,
    "anuppuccin-theme-settings@@callout-radius": 7,
    "anuppuccin-theme-settings@@callout-title-padding": "8px",
    "anuppuccin-theme-settings@@callout-title-opacity": 0.2,
    "anuppuccin-theme-settings@@callout-content-padding": "15px",
    "anuppuccin-theme-settings@@anp-callout-fold-position": "0",
    "anuppuccin-theme-settings@@anp-custom-checkboxes": true,
    "anuppuccin-theme-settings@@anp-speech-bubble": true,
    "anuppuccin-theme-settings@@anp-codeblock-numbers": false,
    "anuppuccin-theme-settings@@anp-codeblock-wrap-edit": "none",
    "anuppuccin-theme-settings@@anp-codeblock-wrap-preview": "none",
    "anuppuccin-theme-settings@@list-indent": 2.5,
    "anuppuccin-theme-settings@@list-marker-color@@light": "#907AA9",
    "anuppuccin-theme-settings@@anp-table-width": true,
    "anuppuccin-theme-settings@@anp-table-auto": true,
    "anuppuccin-theme-settings@@anp-table-th-highlight": true,
    "anuppuccin-theme-settings@@anp-td-highlight": "anp-table-row-alt",
    "anuppuccin-theme-settings@@anp-table-toggle": true,
    "anuppuccin-theme-settings@@anp-table-highlight-opacity": 0.4,
    "anuppuccin-theme-settings@@tag-border-width": 1,
    "anuppuccin-theme-settings@@tag-radius": 0.7,
    "anuppuccin-theme-settings@@anp-list-toggle": true,
    "anuppuccin-theme-settings@@list-spacing": 0.075,
    "anuppuccin-theme-settings@@anp-toggle-preview": true,
    "anuppuccin-theme-settings@@anp-preview-width-pct": 100,
    "anuppuccin-theme-settings@@file-margins": 32,
    "anuppuccin-theme-settings@@anp-color-transition-toggle": true,
    "anuppuccin-theme-settings@@anp-print": false,
    "anuppuccin-theme-settings@@anp-button-metadata-toggle": false,
    "anuppuccin-theme-settings@@anp-autohide-titlebar": false,
    "anuppuccin-theme-settings@@anp-cursor": "initial",
    "anuppuccin-theme-settings@@anp-toggle-metadata": false,
    "anuppuccin-theme-settings@@anp-toggle-scrollbars": false,
    "anuppuccin-theme-settings@@anp-hide-status-bar": false,
    "anuppuccin-theme-settings@@anp-tooltip-toggle": false,
    "anuppuccin-theme-settings@@anp-font-live-preview-wt": "300",
    "anuppuccin-theme-settings@@anp-font-editor-wt": "300",
    "anuppuccin-theme-settings@@anp-font-preview-wt": "300",
    "anuppuccin-theme-settings@@bold-weight": "500",
    "anuppuccin-theme-settings@@anp-header-color-toggle": true,
    "anuppuccin-theme-settings@@anp-header-margin-toggle": false,
    "anuppuccin-theme-settings@@anp-header-divider-color-toggle": true,
    "anuppuccin-theme-settings@@anp-h1-divider": true,
    "anuppuccin-theme-settings@@h1-line-height": 1.2,
    "anuppuccin-theme-settings@@ctp-custom-green@@light": "#64BE82",
    "anuppuccin-theme-settings@@anp-decoration-toggle": true,
    "anuppuccin-theme-settings@@anp-bold-custom": "anp-bold-red",
    "anuppuccin-theme-settings@@anp-italic-custom": "anp-italic-red",
    "anuppuccin-theme-settings@@anp-highlight-custom": "anp-highlight-pink",
    "anuppuccin-theme-settings@@anp-background-image-toggle": false,
    "anuppuccin-theme-settings@@anp-custom-bg-blur-light": 18,
    "anuppuccin-theme-settings@@anp-custom-bg-card-fg-opacity-light": 0.95,
    "anuppuccin-theme-settings@@anp-colorful-frame": false,
    "anuppuccin-theme-settings@@anp-colorful-frame-icon-toggle-light": false,
    "anuppuccin-theme-settings@@anp-pdf-blend-toggle-light": false,
    "anuppuccin-theme-settings@@anp-alt-rainbow-style": "anp-full-rainbow-color-toggle",
    "anuppuccin-theme-settings@@anp-rainbow-file-toggle": false,
    "anuppuccin-theme-settings@@anp-full-rainbow-text-color-toggle-dark": false,
    "anuppuccin-theme-settings@@anp-rainbow-folder-bg-opacity": 0.7,
    "anuppuccin-theme-settings@@anp-status-bar-select": "anp-fixed-status-bar",
    "anuppuccin-theme-settings@@anp-alt-tab-style": "anp-default-tab",
    "anuppuccin-theme-settings@@anp-disable-newtab-align": true,
    "anuppuccin-theme-settings@@anp-depth-tab-text-invert": false,
    "anuppuccin-theme-settings@@anp-depth-tab-opacity": 1,
    "anuppuccin-theme-settings@@anp-depth-tab-gap": 5,
    "anuppuccin-theme-settings@@anp-alt-tab-custom-height": 32,
    "anuppuccin-theme-settings@@anp-translucency-opacity": 0.15,
    "anuppuccin-theme-settings@@anp-layout-select": "anp-card-layout",
    "anuppuccin-theme-settings@@anp-bg-fix": false,
    "anuppuccin-theme-settings@@anp-hide-borders": false,
    "anuppuccin-theme-settings@@anp-card-layout-padding": 10,
    "anuppuccin-theme-settings@@anp-card-header-left-padding": 20,
    "anuppuccin-theme-settings@@anp-card-shadows": true,
    "anuppuccin-theme-settings@@anp-card-layout-actions": true,
    "anuppuccin-theme-settings@@anp-card-layout-filebrowser": true,
    "anuppuccin-theme-settings@@anp-h3-color-custom": "anp-h3-yellow",
    "anuppuccin-theme-settings@@anp-h4-color-custom": "anp-h4-green",
    "anuppuccin-theme-settings@@anp-h5-color-custom": "anp-h5-teal",
    "anuppuccin-theme-settings@@anp-h6-color-custom": "anp-h6-lavender",
    "anuppuccin-theme-settings@@anp-simple-rainbow-title-toggle": false,
    "anuppuccin-theme-settings@@anp-simple-rainbow-icon-folder-toggle": false,
    "anuppuccin-theme-settings@@anp-simple-rainbow-indentation-toggle": false,
    "anuppuccin-theme-settings@@anp-simple-rainbow-collapse-toggle": false,
    "anuppuccin-theme-settings@@anp-simple-rainbow-icon-toggle": false,
    "anuppuccin-theme-settings@@anp-rainbow-subfolder-color-toggle": false,
    "anuppuccin-theme-settings@@ctp-custom-sapphire@@light": "#5980BF",
    "anuppuccin-theme-settings@@ctp-custom-sky@@light": "#76ABC5",
    "anuppuccin-theme-settings@@ctp-custom-blue@@light": "#6F72C0",
    "anuppuccin-theme-settings@@ctp-custom-teal@@light": "#68B4B1",
    "anuppuccin-theme-settings@@ctp-custom-lavender@@light": "#907AA9",
    "anuppuccin-theme-settings@@ctp-custom-yellow@@light": "#EBC475",
    "anuppuccin-theme-settings@@ctp-custom-maroon@@light": "#C76777",
    "anuppuccin-theme-settings@@ctp-custom-peach@@light": "#E8A687",
    "anuppuccin-theme-settings@@ctp-custom-red@@light": "#B25A89",
    "anuppuccin-theme-settings@@ctp-custom-mauve@@light": "#B4799B",
    "anuppuccin-theme-settings@@anp-kanban-hide-card-menus": false,
    "anuppuccin-theme-settings@@anp-kanban-lanes": true,
    "anuppuccin-theme-settings@@anp-kanban-hide-lane-border": false,
    "anuppuccin-theme-settings@@anp-kanban-lane-opacity": 0.5,
    "anuppuccin-theme-settings@@anp-kanban-lane-radius": 6,
    "anuppuccin-theme-settings@@anp-kanban-lane-spacing": 11,
    "anuppuccin-theme-settings@@anp-canvas-dark-bg": false,
    "anuppuccin-theme-settings@@anp-header-margin-value": 16,
    "anuppuccin-theme-settings@@anp-colorful-frame-opacity": 0.4,
    "anuppuccin-theme-settings@@anp-collapse-folders": false,
    "anuppuccin-theme-settings@@anp-file-icons": false,
    "anuppuccin-theme-settings@@anp-floating-header": false,
    "anuppuccin-theme-settings@@anp-custom-vault-toggle": false,
    "anuppuccin-theme-settings@@anp-file-label-align": "0"

Things I have tried

I’ve searched for Mermaid customisation but I find that it’s often about tweaking things; I just want one of the default styles to render all the time, or to exclude my current theme from mermaid code blocks.

Any advice would be appreciated!

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.