Styling

Overview

Styling properties can be used to change to look of controls.

<button color="red" />

Styling is inherited from grids to controls, so setting the style of a container control will set the style of the child controls.

<grid color="green" />
    <button text="green!" />
    <button text="also green!" />
</grid>

If you like to color a row do the following.

<row>
    <grid color="green">
	    <button text="green!" />
	    <button text="also green!" />
    </grid>
</row>

Set the base standard color. Automatically calculates color variations for themes and states.

<button color="blue" />

For custom colors in hex, set the base color for when the app is in the respective theme. Automatically calculates color variations for states.

<button lightcolor="#cccccc" darkcolor="#444444" />

For completely custom themes, create a theme specifier.

<button light="color:#aaa;focus:#bbb;active:#ccc" />

Theme specifiers are formatted like CSS:

normal:#aaa;focus:#bbb;active:#ccc;color:#abcdef

The following properties can be used:

List of standard colors that can be used: