search

insanum / obsidian_nord

A nord theme for Obsidian
MIT License
227 stars 62 forks source link

Mermaid Double Border Circles Display Incorrectly #67

Open noluyorAbi opened 2 months ago

noluyorAbi commented 2 months ago

Description

I've encountered an issue with the Nord theme in Obsidian where Mermaid diagrams do not display double borders around circles correctly. Instead of showing a distinct double border, the circle merely appears enlarged. This issue does not occur in other themes. Attached are screenshots from both Nord and another theme for comparison.

Nord Theme (issue): image

For reference Atom Theme image

Steps to Reproduce:

  1. Use the following Mermaid code in a note with the Nord theme enabled.
  2. Compare the rendering with another theme that supports double borders correctly.
graph LR
    id1(( )) --> circleId0(("`P0`"))
    circleId0(("`P0`")) -->|a| circleId1(("`P1`"))
    circleId1(("`P1`")) -->|a| circleId2(("`P2`"))
    circleId2(("`P2`")) -->|a| doubleCircleId3((("`P3`")))
    doubleCircleId3((("`P3`"))) -->|a| circleId0(("`P0`"))

Expected Behavior:

Circles with double borders should display two distinct borders.

Actual Behavior:

The circle appears larger with no distinct double borders.

Comment

Thanks for this awesome theme; it's my go-to theme in Obsidian! I've noticed a small issue that slightly disrupts my workflow with graphs, and I wanted to open a ticket to possibly get it fixed. Any help with this would be greatly appreciated. Thanks for the hard work and dedication to making such a valuable theme for the community :)

noluyorAbi commented 3 weeks ago

For anyone encountering a similar issue and looking for a workaround:

I set the --background-modifier-border variable to gray. This change affects all borders within the theme, including the borders of the nodes in mermaid diagrams. While this solution isn't perfect and impacts more elements than desired, it serves as a temporary fix.

--background-modifier-border: gray; /* Adjusts the border color */

Note that this approach is a compromise, as it alters the appearance of all borders throughout the theme. However, it can be a manageable solution until a more targeted fix is implemented.

image