atom-markdown-mindmap icon indicating copy to clipboard operation
atom-markdown-mindmap copied to clipboard

can we create our own themes by css

Open visnz opened this issue 7 years ago • 3 comments

It seems that only four themes(styles) in setting and README.md and am not sure how to create my own themes( change my font-family at least )

visnz avatar Nov 30 '17 14:11 visnz

You can tweak some styling via css using menu Edit -> Stylesheet.... Then you can put in something like this:

.markmap-node-text {
  font-family: verdana;
}

You can learn more about Atom styling here. Please note that changing font sizes might break widths since those are computed in javascript. So if you come up with some theme we can include it in the package for smoother experience.

dundalek avatar Dec 01 '17 11:12 dundalek

Can you offer guidance on how to take advantage of the theme-related parameters allowed by the markmap component?

It seems like we could add a custom theme by adding to the theme enum... not sure where to go from there, though.

cmcinroy avatar Apr 27 '18 14:04 cmcinroy

You can get an idea by looking at the default styles: https://github.com/dundalek/markmap/blob/master/view.mindmap.css

dundalek avatar Apr 27 '18 18:04 dundalek