Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 1 | page.title=Themes |
| 2 | @jd:body |
| 3 | |
| 4 | <div class="layout-content-row"> |
| 5 | <div class="layout-content-col span-5"> |
| 6 | |
| 7 | <img src="{@docRoot}design/media/themes_holo_light.png"> |
| 8 | <div class="figure-caption"> |
| 9 | Gmail in Holo Light. |
| 10 | </div> |
| 11 | |
| 12 | <img src="{@docRoot}design/media/themes_holo_dark.png"> |
| 13 | <div class="figure-caption"> |
| 14 | Settings in Holo Dark. |
| 15 | </div> |
| 16 | |
| 17 | <img src="{@docRoot}design/media/themes_holo_inverse.png"> |
| 18 | <div class="figure-caption"> |
| 19 | Talk in Holo Light with dark action bar. |
| 20 | </div> |
| 21 | |
| 22 | </div> |
| 23 | <div class="layout-content-col span-7"> |
| 24 | |
| 25 | <p>Themes are Android's mechanism for applying a consistent style to an app or activity. The style |
| 26 | specifies the visual properties of the elements that make up your user interface, such as color, |
| 27 | height, padding and font size. To promote greater cohesion between all apps on the platform, Android |
| 28 | provides three system themes that you can choose from when building apps for Ice Cream Sandwich:</p> |
| 29 | <ul> |
| 30 | <li>Holo Light</li> |
| 31 | <li>Holo Dark</li> |
| 32 | <li>Holo Light with dark action bars</li> |
| 33 | </ul> |
| 34 | <p>Applying these themes will go a long way in helping you to build apps that fit right into the |
| 35 | general visual language of Android.</p> |
| 36 | <p>Pick the system theme that best matches the needs and design aesthetics for your app. If your |
| 37 | desire is to have a more distinct look for your app, using one of the system themes as a starting |
| 38 | point for your customizations is a good idea. The system themes provide a solid foundation on top |
| 39 | of which you can selectively implement your own visual stylings.</p> |
| 40 | |
| 41 | </div> |
| 42 | </div> |