Cisco Cisco WebEx Social for Mobile

The resulting archive structure is pictured on the diagram below:

After creating the file and folder structure for your theme you can start working on your theme.

Theming is done by styling different UI elements such as bars, buttons and logos. Each element aspect 
you can change has a configuration property that is set in the settings.properties file.

Some elements and element aspects can be styled either by specifying a color or by specifying an image 
file. These properties are generally not intended to be used simultaneously except for where specifically 
noted. Consider this example:

The post.button UI element has these two configuration properties:

post.button.color.image

post.button.color

The former property can be used to specify an image located in the images folder to be used as the button 
face (see 

). You can use the latter property to specify a color to dye in the 

button (in which case see 

). If both properties are present in the file, the 

.color.image property will be used.

For the full list of supported settings.properties properties as well as screenshots showing visually what 
elements are subject to change, see 

Some Cisco WebEx Social UI elements can be styled by using images. There are three types of images 
that you can use when creating a Cisco WebEx Social theme:

tiles

icons

product logos

Tiles are used to change the look and feel of elements such as the navigation bat. They are tiled 
horizontally to fill in the entire element width.

Icons are used to specify the appearance of elements such as the minimize button on pop-up windows.

And finally the product logos are emblems that are used on various places across the UI.

Follow this general procedure to style an element or an element aspect using an image: