2013-05-21 22:34:42 +00:00
StackEdit theming guide
=======================
2013-05-21 23:07:55 +00:00
2013-05-21 23:16:57 +00:00
In **StackEdit** , a theme is pretty much a CSS file that overrides the default look and feel.
2013-05-21 23:07:55 +00:00
2013-05-21 23:16:57 +00:00
*Create your special theme very quickly by following these steps:*
2013-05-21 23:07:55 +00:00
1. Fork **StackEdit** on [GitHub][1]
2. Create a sub-folder in the `themes` folder containing your resources (CSS, images...).
> The main CSS should have the same name as the folder.
> **Example:** `themes/cool-theme/cool-theme.css`
2013-05-21 23:16:57 +00:00
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.
2013-05-21 23:07:55 +00:00
> **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!
2013-05-21 23:16:57 +00:00
**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...
2013-05-21 23:07:55 +00:00
> Written with [StackEdit](http://benweet.github.io/stackedit/).
[1]: https://github.com/benweet/stackedit
