Changing color, background, font (to Avenir Next), line height. Limit the max width of editor, and make it center aligned. Hide the toolbar. Change the color of status bar. (Yeah I'm trying to make a bear note clone 😂 )

Any ideas?

Notes

To test it, run these two lines of javascript in devtool console:

editor.setOption('lineNumbers', false)
$('.ui-edit-area').addClass('zen')

Further work

Fully customized markdown mode for CodeMirror:

• https://github.com/laobubu/HyperMD
• https://github.com/nhn/tui.editor
• https://github.com/hackmdio/CodeMirror/blob/master/mode/markdown/markdown_math.js

Related issues

• #176
• #375
• #1185