Stackedit/doc/theming.md

StackEdit theming guide

In StackEdit, a theme is pretty much a CSS file that overrides the default look and feel.

Create your special theme very quickly by following these steps:

1. Fork StackEdit on GitHub

2. Create a sub-folder in the themes folder containing your resources (CSS, images...).

   The CSS file should have the same name as the folder.

   Example: themes/cool-theme/cool-theme.css

3. Add an entry in THEME_LIST at the end of config.js with the folder name as key and the name of your theme as value.

   Example: "cool-theme": "Very cool theme".

4. Run the application on your machine, go to Settings -> Editor -> Theme and select your theme. Check that everything is beautiful (don't forget to test viewer.html).

5. Commit, push, create a pull request and wait for publishing...

That's it!

Please, keep in mind these simple rules:

• Avoid using gradients and shadows as much as possible (for performance concern).
• Try to create something at least as nice as the default theme...

Written with StackEdit.