WIP: Experimental *zen* editor theme

[Yukaii]

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

• Support zen (full writing) mode #176
• Feature: WYSIWYG editing #375
• Edit mode but only with the output of Markdown #1185