search

dundalek / atom-markdown-mindmap

Visualize markdown files as mindmaps in Atom editor
Other
117 stars 31 forks source link

can we create our own themes by css #34

Open visnz opened 6 years ago

visnz commented 6 years ago

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 )

dundalek commented 6 years ago

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.

cmcinroy commented 6 years ago

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.

dundalek commented 6 years ago

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