y-takey / atom-mermaid

Preview mermaid on atom editor
MIT License
42 stars 7 forks source link

styles are hard to read #46

Closed vasco3 closed 6 years ago

vasco3 commented 6 years ago

Hi, the dark blue background with the black text is very hard to read. Is it possible to change that from the user side?

y-takey commented 6 years ago

Hi @vasco3 :)

You can define styles with user stylesheet. select [Atom] -> [Stylesheet...] on menu-bar, then define styles like following.

# styles.less

.atom-mermaid-preview {
  .node rect,
  .node circle,
  .node polygon {
    fill: #ff0000;
    stroke: #00ff00;
  }
}

about overwritable other classes, see https://github.com/y-takey/atom-mermaid/blob/master/styles/atom-mermaid.less

vasco3 commented 6 years ago

this is perfect, thanks a lot for this plug-in!

y-takey commented 6 years ago

I'm happy that I can help you :)