Browse Source

Update README with theme examples

Rob McGuinness 8 years ago
parent
commit
938f70c65f
1 changed files with 37 additions and 18 deletions
  1. 37 18
      README.md

+ 37 - 18
README.md

@@ -1,24 +1,11 @@
 Gitbook Plugin for [Prism](http://prismjs.com/)
 Gitbook Plugin for [Prism](http://prismjs.com/)
 ==============
 ==============
 
 
-<table>
-  <tr>
-    <td>
-      <h4>Before</h4>
-    </td>
-    <td>
-      <h4>After</h4>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <img src='http://i.imgur.com/FLLEc68.png'>
-    </td>
-    <td>
-      <img src='http://i.imgur.com/Vvs81Su.png'>
-    </td>
-  </tr>
-</table>
+##### Before
+<img src='http://i.imgur.com/cbk6O52.png'>
+
+##### After
+<img src='http://i.imgur.com/S1YMlee.png'>
 
 
 ## Usage
 ## Usage
 
 
@@ -44,6 +31,38 @@ Override default styles.  All css files must reside in the same folder.
 }
 }
 ```
 ```
 
 
+## Prism Themes
+
+[https://github.com/PrismJS/prism](https://github.com/PrismJS/)
+
+#### Okaidia <small>`prismjs/themes/prism-okaidia.css`</small>
+![Okaidia](http://i.imgur.com/uhe0yQY.png)
+
+#### Solarized Light <small>`prismjs/themes/prism-solarizedlight.css`</small>
+![Solarized Light](http://i.imgur.com/71sT5XB.png)
+
+#### Tomorrow <small>`prismjs/themes/prism-tomorrow.css`</small>
+![Tomorrow](http://i.imgur.com/Li3AHXU.png)
+
+#### Dark <small>`prismjs/themes/prism-dark.css`</small>
+![Dark](http://i.imgur.com/vA5P6fy.png)
+
+#### Coy <small>`prismjs/themes/prism-coy.css`</small>
+![Coy](http://i.imgur.com/kSJP9tq.png)
+
+## @Atelierbram Themes
+
+[https://github.com/atelierbram/syntax-highlighting](https://github.com/atelierbram/syntax-highlighting)
+
+#### Base16 Ocean Dark <small>`syntax-highlighting/assets/css/prism/prism-base16-ocean.dark.css`</small>
+![Base16 Ocean Dark](http://i.imgur.com/REJCdrA.png)
+
+#### Google Light <small>`syntax-highlighting/assets/css/prism/prism-base16-google.light.css`</small>
+![Google Light](http://i.imgur.com/TyBYmSu.png)
+
+#### Xonokai <small>`syntax-highlighting/assets/css/prism/prism-xonokai.css`</small>
+![Google Light](http://i.imgur.com/fPjEEv8.png)
+
 ## Credits
 ## Credits
 
 
 Originally based on https://github.com/spricity/google_code_prettify.
 Originally based on https://github.com/spricity/google_code_prettify.