Any view can be styled. The stylesheet consists of a series of JavaScript objects, each of which associates a selector with a set of styling options:

"selector": {
	option: "value",
	option2: "value"
}

Selectors come in one of three types:

• "literal" - styles a button corresponding to a one-off edge in the map.
• "{ObjectType}" - styles a view allowing the user to select things of type ObjectType.
• "[ObjectType]" - styles a view allowing the user to view a thing of type ObjectType.

A few common options are caught by the runtime. Of these, the most important are:

• preferredView - sets the name of the preferred view to use for this kind of object.
• dock - if true, then this item will be docked to one of the sides of the screen

There is also a mechanism for passing through 'configuration options' to the underlying toolkit. To use this, use the "sencha" option:

"selector": {
	sencha: {
		...
	}
}

inside which can be any valid Sencha Touch configuration option.

Platform-specific styling can be achieved by using the specific phoneStyles and tabletStyles stylesheets. Any styling options applied in these stylesheets overrides corresponding options in the main stylesheet.