| OLD | NEW |
| 1 <h1 class="page_title">Themes</h1><p> | 1 <h1 class="page_title">Themes</h1><p> |
| 2 A <em>theme</em> is a special kind of extension | 2 A <em>theme</em> is a special kind of extension |
| 3 that changes the way the browser looks. | 3 that changes the way the browser looks. |
| 4 Themes are <a href="packaging.html">packaged</a> like regular extensions, | 4 Themes are <a href="packaging">packaged</a> like regular extensions, |
| 5 but they don't contain JavaScript or HTML code. | 5 but they don't contain JavaScript or HTML code. |
| 6 </p> | 6 </p> |
| 7 | 7 |
| 8 <p> | 8 <p> |
| 9 You can find and try a bunch of themes at the | 9 You can find and try a bunch of themes at the |
| 10 <a href="https://chrome.google.com/webstore/category/themes">Chrome Web Store</a
>. | 10 <a href="https://chrome.google.com/webstore/category/themes">Chrome Web Store</a
>. |
| 11 </p> | 11 </p> |
| 12 | 12 |
| 13 <img src="{{static}}/images/themes-1.png" | 13 <img src="{{static}}/images/themes-1.png" |
| 14 width="200" height="125" alt="green plants theme" /> | 14 width="200" height="125" alt="green plants theme" /> |
| 15 | 15 |
| 16 <img src="{{static}}/images/themes-2.png" | 16 <img src="{{static}}/images/themes-2.png" |
| 17 width="200" height="125" alt="love smoke theme" /> | 17 width="200" height="125" alt="love smoke theme" /> |
| 18 | 18 |
| 19 <img src="{{static}}/images/themes-3.png" | 19 <img src="{{static}}/images/themes-3.png" |
| 20 width="200" height="125" alt="jus d'orange theme" /> | 20 width="200" height="125" alt="jus d'orange theme" /> |
| 21 | 21 |
| 22 <h2 id="manifest"> Manifest </h2> | 22 <h2 id="manifest"> Manifest </h2> |
| 23 <p> | 23 <p> |
| 24 Here is an example | 24 Here is an example |
| 25 <a href="manifest.html"><code>manifest.json</code></a> | 25 <a href="manifest"><code>manifest.json</code></a> |
| 26 file for a theme: | 26 file for a theme: |
| 27 </p> | 27 </p> |
| 28 | 28 |
| 29 <pre data-filename="manifest.json"> | 29 <pre data-filename="manifest.json"> |
| 30 { | 30 { |
| 31 "version": "2.6", | 31 "version": "2.6", |
| 32 "name": "camo theme", | 32 "name": "camo theme", |
| 33 <b>"theme": { | 33 <b>"theme": { |
| 34 "images" : { | 34 "images" : { |
| 35 "theme_frame" : "images/theme_frame_camo.png", | 35 "theme_frame" : "images/theme_frame_camo.png", |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 136 | 136 |
| 137 <h2 id="moredoc"> Additional documentation </h2> | 137 <h2 id="moredoc"> Additional documentation </h2> |
| 138 | 138 |
| 139 <p> | 139 <p> |
| 140 Community-written documentation to help you write themes is here: | 140 Community-written documentation to help you write themes is here: |
| 141 </p> | 141 </p> |
| 142 | 142 |
| 143 <blockquote> | 143 <blockquote> |
| 144 <a href="http://code.google.com/p/chromium/wiki/ThemeCreationGuide">http://code.
google.com/p/chromium/wiki/ThemeCreationGuide</a> | 144 <a href="http://code.google.com/p/chromium/wiki/ThemeCreationGuide">http://code.
google.com/p/chromium/wiki/ThemeCreationGuide</a> |
| 145 </blockquote> | 145 </blockquote> |
| OLD | NEW |