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 class="note develop"> 42 <p><strong>Developer Guide</strong></p> 43 <p>For information about how to apply themes such as Holo Light and Dark, and 44 how to build your own themes, see the 45 <a href="{@docRoot}guide/topics/ui/themes.html">Styles and Themes</a> API guide.</p> 46 </div> 47 48 </div> 49 </div> 50
