Simplemde-markdown-editor: Dark theme

Created on 8 Nov 2016  路  5Comments  路  Source: sparksuite/simplemde-markdown-editor

As a feature request, could you include a dark theme for simplemde? I've tried to do one, but I can't get to make the "flashing cursor bar" white.

idea

Most helpful comment

Hi, I've built a theme system for SimpleMDE, it's easy to create your own theme. Hope this would help you!

Related issue: #498

All 5 comments

I second this. I wanted to use simplemde but noticed how horribly it handled dark themes that I had to look for alternatives.

The actual text editor is CodeMirror, which has support for different themes. If you include another theme's CSS file, you can switch the theme SimpleMDE is using by calling directly into the CodeMirror instance.

e.g.

var simplemde = new SimpleMDE({ element: $("#input")[0] });
simplemde.codemirror.setOption("theme", "3024-night");

That does not seem to alter the buttons. The theme only affects the editor, but the buttons are next to impossible to see on a dark background.

Hi, I've built a theme system for SimpleMDE, it's easy to create your own theme. Hope this would help you!

Related issue: #498

@xcatliu that looks awesome, thank you! and thanks for including an option to roll your own.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ferreiro picture ferreiro  路  4Comments

elsuxo picture elsuxo  路  3Comments

prologic picture prologic  路  4Comments

christianmalek picture christianmalek  路  5Comments

liniu picture liniu  路  3Comments