| OLD | NEW |
| 1 <div id="pageData-showTOC" class="pageData">true</div> | 1 <div id="pageData-showTOC" class="pageData">true</div> |
| 2 | 2 |
| 3 <p> | 3 <p> |
| 4 A <em>theme</em> is a special kind of extension | 4 A <em>theme</em> is a special kind of extension |
| 5 that changes the way the browser looks. | 5 that changes the way the browser looks. |
| 6 Themes are <a href="packaging.html">packaged</a> like regular extensions, | 6 Themes are <a href="packaging.html">packaged</a> like regular extensions, |
| 7 but they don't contain JavaScript or HTML code. | 7 but they don't contain JavaScript or HTML code. |
| 8 </p> | 8 </p> |
| 9 | 9 |
| 10 <p> | 10 <p> |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 59 }</b> | 59 }</b> |
| 60 } | 60 } |
| 61 </pre> | 61 </pre> |
| 62 | 62 |
| 63 <h3 id="colors">colors</h3> | 63 <h3 id="colors">colors</h3> |
| 64 | 64 |
| 65 <p> | 65 <p> |
| 66 Colors are in RGB format. | 66 Colors are in RGB format. |
| 67 To find the strings you can use within the "colors" field, | 67 To find the strings you can use within the "colors" field, |
| 68 look for kColor* strings in | 68 look for kColor* strings in |
| 69 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/browser_
theme_provider.cc"><code>browser_theme_provider.cc</code></a>. | 69 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/themes/b
rowser_theme_provider.cc"><code>browser_theme_provider.cc</code></a>. |
| 70 </p> | 70 </p> |
| 71 | 71 |
| 72 <h3 id="images">images</h3> | 72 <h3 id="images">images</h3> |
| 73 | 73 |
| 74 <p> | 74 <p> |
| 75 Image resources use paths relative to the root of the extension. | 75 Image resources use paths relative to the root of the extension. |
| 76 You can override any of the images that are specified by | 76 You can override any of the images that are specified by |
| 77 <code>kThemeableImages</code> in | 77 <code>kThemeableImages</code> in |
| 78 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/browser_
theme_provider.cc"><code>browser_theme_provider.cc</code></a>. | 78 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/themes/b
rowser_theme_provider.cc"><code>browser_theme_provider.cc</code></a>. |
| 79 Just remove the "IDR_" | 79 Just remove the "IDR_" |
| 80 and convert the remaining characters to lowercase. | 80 and convert the remaining characters to lowercase. |
| 81 For example, <code>IDR_THEME_NTP_BACKGROUND</code> | 81 For example, <code>IDR_THEME_NTP_BACKGROUND</code> |
| 82 (which <code>kThemeableImages</code> uses | 82 (which <code>kThemeableImages</code> uses |
| 83 to specify the background of the new tab pane) | 83 to specify the background of the new tab pane) |
| 84 corresponds to "theme_ntp_background". | 84 corresponds to "theme_ntp_background". |
| 85 </p> | 85 </p> |
| 86 | 86 |
| 87 <h3 id="properties">properties</h3> | 87 <h3 id="properties">properties</h3> |
| 88 | 88 |
| 89 <p> | 89 <p> |
| 90 This field lets you specify | 90 This field lets you specify |
| 91 properties such as background alignment, | 91 properties such as background alignment, |
| 92 background repeat, | 92 background repeat, |
| 93 and an alternate logo. | 93 and an alternate logo. |
| 94 To see the properties and the values they can have, see | 94 To see the properties and the values they can have, see |
| 95 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/browser_
theme_provider.cc"><code>browser_theme_provider.cc</code></a>. | 95 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/themes/b
rowser_theme_provider.cc"><code>browser_theme_provider.cc</code></a>. |
| 96 <!-- [PENDING: We should flesh this out.] --> | 96 <!-- [PENDING: We should flesh this out.] --> |
| 97 </p> | 97 </p> |
| 98 | 98 |
| 99 <h3 id="tints">tints</h3> | 99 <h3 id="tints">tints</h3> |
| 100 | 100 |
| 101 <p> | 101 <p> |
| 102 You can specify tints to be applied to parts of the UI | 102 You can specify tints to be applied to parts of the UI |
| 103 such as buttons, the frame, and the background tab. | 103 such as buttons, the frame, and the background tab. |
| 104 Google Chrome supports tints, not images, | 104 Google Chrome supports tints, not images, |
| 105 because images don't work across platforms | 105 because images don't work across platforms |
| 106 and are brittle in the case of adding new buttons. | 106 and are brittle in the case of adding new buttons. |
| 107 To find the strings you can use within the "tints" field, | 107 To find the strings you can use within the "tints" field, |
| 108 look for kTint* strings in | 108 look for kTint* strings in |
| 109 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/browser_
theme_provider.cc"><code>browser_theme_provider.cc</code></a>. | 109 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/themes/b
rowser_theme_provider.cc"><code>browser_theme_provider.cc</code></a>. |
| 110 </p> | 110 </p> |
| 111 | 111 |
| 112 <p> | 112 <p> |
| 113 Tints are in Hue-Saturation-Lightness (HSL) format, | 113 Tints are in Hue-Saturation-Lightness (HSL) format, |
| 114 using floating-point numbers in the range 0 - 1.0: | 114 using floating-point numbers in the range 0 - 1.0: |
| 115 </p> | 115 </p> |
| 116 | 116 |
| 117 <ul> | 117 <ul> |
| 118 <li> | 118 <li> |
| 119 <b>Hue</b> is an absolute value, with 0 and 1 being red. | 119 <b>Hue</b> is an absolute value, with 0 and 1 being red. |
| (...skipping 20 matching lines...) Expand all Loading... |
| 140 | 140 |
| 141 <h2 id="moredoc"> Additional documentation </h2> | 141 <h2 id="moredoc"> Additional documentation </h2> |
| 142 | 142 |
| 143 <p> | 143 <p> |
| 144 Community-written documentation to help you write themes is here: | 144 Community-written documentation to help you write themes is here: |
| 145 </p> | 145 </p> |
| 146 | 146 |
| 147 <blockquote> | 147 <blockquote> |
| 148 <a href="http://code.google.com/p/chromium/wiki/ThemeCreationGuide">http://code.
google.com/p/chromium/wiki/ThemeCreationGuide</a> | 148 <a href="http://code.google.com/p/chromium/wiki/ThemeCreationGuide">http://code.
google.com/p/chromium/wiki/ThemeCreationGuide</a> |
| 149 </blockquote> | 149 </blockquote> |
| OLD | NEW |