gitcpy / obsidian-diagram-popup

MIT License
5 stars 1 forks source link

Add White Background for Unfilled Diagram Parts in Light Theme #8

Open zaakiy opened 3 hours ago

zaakiy commented 3 hours ago

Great plugin! thank you very much, because it's a life save for me to be able to zoom into big diagrams.

Please consider the image below, where the unfilled parts of the diagram are not white. In fact, it's slightly blurred and partially transparent. Can you please consider making the background white for the light theme?

Thank you.

Expected background appearance (without popup)

image

Current background appearance (with popup)

image

zaakiy commented 3 hours ago

Here is the sample mermaid diagram code

(please add "mermaid" after the backticks, I removed it so that the code will show in GitHub instead of the rendered diagram)

stateDiagram-v2
  classDef classNoUsage fill:orange,color:black,font-weight:bold,stroke-width:2px,stroke:black
      classDef classFree fill:skyblue,color:black,font-weight:bold,stroke-width:2px,stroke:black
      classDef classTrial fill:Gold,color:black,font-weight:bold,stroke-width:2px,stroke:black
      classDef classActive fill:green,color:white,font-weight:bold,stroke-width:2px,stroke:black
      classDef classAddCard fill:#E497E5,color:black,font-weight:bold,stroke-width:2px,stroke:black
      classDef classRenew fill:#ff00ff,color:white,font-weight:bold,stroke-width:2px,stroke:black

      state "asdasdasdasd" as containerNoUsage {
            state joasdasdaage <<join>>
            state "asdasda" as noUsage
            joisde --> noUasdge : ❗casdge
            state leaasdage <<join>>
        }
      [*] --> joinNoUsage : 🎬 On user insert, set<br>nasdasdus = free

      state lesdfsfdUp <<join>>

      state joisdfsd1 <<join>>

      joisdfsdf1 --> sdfsdfage

      state "Trsdfsfdsee" as containerFree {
            state josdfe <<join>>
            state lesdfe <<join>>
            state "Free<br>&nbsp;&nbsp;&nbsp;&nbsp; - set nsdfsdftus to trial" as free
            free --> free : cusdfsdfstatus <br> === free

      }