/blog/posts/20221007-CustomizingAdvancedSlidesForObsidian.html

[damirarh]

Imported

URL: https://www.damirscorner.com/blog/posts/20221007-CustomizingAdvancedSlidesForObsidian.html

[damirarh]

Imported comment written by Stefan Kreisel on 2022-11-14T18:22:48

Thanks for the info! Can't get it to work. Is it referencing a specific (dark?) theme?
Best

[damirarh]

Imported comment written by Damir Arh on 2022-11-16T18:28:02

I was using the black theme. But the whole idea was in using the theme colors to make it work well with any theme.

However, a new version of the Advanced Slides plugin has been released since I wrote the post. I tried running my presentation again with the current version (1.19.0) and noticed most of my issues were already fixed. I only had to keep the style for edge labels (to remove background and fix clipping) and modify the style for increasing the diagram size because the old one didn't work anymore.

Here's the stylesheet I came up with that works well for me with Advanced Slides 1.19.0 and black theme:


.reveal .mermaid {
min-width: 100%;
height: auto;
}


.reveal .mermaid svg {
max-width: 100% !important;
}


.reveal .mermaid svg .edgeLabel {
background-color: var(--r-background-color) !important;
color: var(--r-main-color) !important;
font-size: 13px;
}


Hope that helps.

[damirarh]

Imported comment written by Breno Beirigo on 2022-12-08T09:33:50

Thanks!