From 32e1a88f3fb884c5a5af2513354e0f78c2d2808f Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:07:55 -0700 Subject: [PATCH 01/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/doc/theming.md b/doc/theming.md index a8fd9f76..d7325328 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -1,2 +1,29 @@ StackEdit theming guide ======================= + +Basically in **StackEdit**, a theme is a CSS file that overrides the default look and feel. + +Create a special theme very quickly by following these steps: + + 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` + + 3. Add an entry in the `THEME_LIST` object 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! + +> Written with [StackEdit](http://benweet.github.io/stackedit/). + + + [1]: https://github.com/benweet/stackedit \ No newline at end of file From 2779c60f5febe650041004d3188a48afdbbcab72 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:16:57 -0700 Subject: [PATCH 02/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/doc/theming.md b/doc/theming.md index d7325328..9a4ec086 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -1,9 +1,9 @@ StackEdit theming guide ======================= -Basically in **StackEdit**, a theme is a CSS file that overrides the default look and feel. +In **StackEdit**, a theme is pretty much a CSS file that overrides the default look and feel. -Create a special theme very quickly by following these steps: +*Create your special theme very quickly by following these steps:* 1. Fork **StackEdit** on [GitHub][1] @@ -13,7 +13,7 @@ Create a special theme very quickly by following these steps: > **Example:** `themes/cool-theme/cool-theme.css` - 3. Add an entry in the `THEME_LIST` object at the end of `config.js` with the folder name as key and the name of your theme as value. + 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"`. @@ -23,6 +23,12 @@ Create a special theme very quickly by following these steps: 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](http://benweet.github.io/stackedit/). From 4e32b22a72aeaca44f667a501a434227c70318b5 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:18:18 -0700 Subject: [PATCH 03/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index 9a4ec086..7ff975f7 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -9,7 +9,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l 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. + > The CSS file should have the same name as the folder. > **Example:** `themes/cool-theme/cool-theme.css` From d57d99977098cd6884589e73d88b60d70e2a85bf Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:18:33 -0700 Subject: [PATCH 04/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index 7ff975f7..39c91755 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -15,7 +15,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l 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"`. + > **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`). From 28ac41cd4af12c467897801bb6812aa19010b9c1 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:26:05 -0700 Subject: [PATCH 05/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/doc/theming.md b/doc/theming.md index 39c91755..d72fa379 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -17,15 +17,15 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l > **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`). + 4. Run the application on your machine, go to `Settings -> Editor -> Theme` and select your theme. Check that everything is marvelous (don't forget to test the `viewer.html`). - 5. Commit, push, create a pull request and wait for publishing... + 5. List your resource files in `cache.manifest`, 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). + - Avoid using gradients, shadows and other effects as much as possible (for performance concern). - Try to create something at least as nice as the default theme... From 7cfff76bc76aaf5dd861fe8bd6702e67d2c17f33 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:26:54 -0700 Subject: [PATCH 06/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index d72fa379..491f5e3a 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -23,7 +23,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l That's it! -**Please, keep in mind these simple rules:** +### Please, keep in mind these simple rules - Avoid using gradients, shadows and other effects as much as possible (for performance concern). - Try to create something at least as nice as the default theme... From 70c520bff08a1e832c71ddff341a6ee43a25b901 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:32:10 -0700 Subject: [PATCH 07/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index 491f5e3a..9d8fc3ba 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -5,7 +5,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l *Create your special theme very quickly by following these steps:* - 1. Fork **StackEdit** on [GitHub][1] + 1. Fork **StackEdit** on [GitHub][1]. 2. Create a sub-folder in the `themes` folder containing your resources (CSS, images...). From 6746d89a5d0104a0e788905d4b5db76e0252083a Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:34:54 -0700 Subject: [PATCH 08/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index 9d8fc3ba..bfdac4c2 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -13,7 +13,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l > **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. + 3. Add an entry in `THEME_LIST` at the end of `config.js` with the folder name as a key and the name of your theme as a value. > **Example:** `"cool-theme": "Very cool theme"` From b3bab8d87ea57ee4255655b563382578cdb5e541 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:43:09 -0700 Subject: [PATCH 09/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index bfdac4c2..3744a21e 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -7,7 +7,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l 1. Fork **StackEdit** on [GitHub][1]. - 2. Create a sub-folder in the `themes` folder containing your resources (CSS, images...). + 2. In the `themes` folder, create a sub-folder containing your resources (CSS, images...). > The CSS file should have the same name as the folder. From ac7a04f985e1be7d0ab60418831777efc14471dd Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:44:00 -0700 Subject: [PATCH 10/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index 3744a21e..2dd7e97a 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -9,7 +9,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l 2. In the `themes` folder, create a sub-folder containing your resources (CSS, images...). - > The CSS file should have the same name as the folder. + > **NOTE:** The CSS file should have the same name as the folder. > **Example:** `themes/cool-theme/cool-theme.css` From 9c32470c76dc20734c86a087cd288d680fffe01e Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 16:44:31 -0700 Subject: [PATCH 11/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index 2dd7e97a..3744a21e 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -9,7 +9,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l 2. In the `themes` folder, create a sub-folder containing your resources (CSS, images...). - > **NOTE:** The CSS file should have the same name as the folder. + > The CSS file should have the same name as the folder. > **Example:** `themes/cool-theme/cool-theme.css` From dd1ef253eba322cbe1ecb0a330f060d444d39d81 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 17:10:27 -0700 Subject: [PATCH 12/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index 3744a21e..cbf41907 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -15,7 +15,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l 3. Add an entry in `THEME_LIST` at the end of `config.js` with the folder name as a key and the name of your theme as a value. - > **Example:** `"cool-theme": "Very cool theme"` + > **Example:** `"cool-theme": "The coolest ever"` 4. Run the application on your machine, go to `Settings -> Editor -> Theme` and select your theme. Check that everything is marvelous (don't forget to test the `viewer.html`). From d0251a5d6dce4acfa19bbb72d6b8e6eefdbb0ae7 Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Tue, 21 May 2013 17:12:47 -0700 Subject: [PATCH 13/14] Published by http://benweet.github.io/stackedit --- doc/theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/theming.md b/doc/theming.md index cbf41907..d5a4fe64 100644 --- a/doc/theming.md +++ b/doc/theming.md @@ -9,7 +9,7 @@ In **StackEdit**, a theme is pretty much a CSS file that overrides the default l 2. In the `themes` folder, create a sub-folder containing your resources (CSS, images...). - > The CSS file should have the same name as the folder. + > The CSS file should have the same name as the sub-folder. > **Example:** `themes/cool-theme/cool-theme.css` From 4a083b3039da795c3a2230fdd9c1524860a2e44c Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Wed, 22 May 2013 12:06:09 -0700 Subject: [PATCH 14/14] Published by http://benweet.github.io/stackedit --- WELCOME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/WELCOME.md b/WELCOME.md index f435a9c2..fa46f298 100644 --- a/WELCOME.md +++ b/WELCOME.md @@ -19,7 +19,7 @@ You can create a new document by clicking the button i #### Switch to another document -You can list all your local documents and switch from one to an other by clicking the button in the navigation bar. +You can list all your local documents and switch from one to another by clicking the button in the navigation bar. #### Rename a document