Color Definitions

All color definitions are defined in /css/nativedroid2.color.COLOR-NAME.css and embedded linked in /css/nativedroid2.css.

You can simply create your own color styles by creating your own css stylesheet or use some of the presets.

There are helper classes available to quickly apply the wished color without switching the theme.


.clr-COLORNAME

This sets the font-color of the element to the given color.
I'm .clr-blue-grey

.clr-bg-COLORNAME

This sets the background of the element to the given color.
I'm .clr-bg-green

.clr-accent-COLORNAME

Apply this to the body and all accent-elements will turn into the given color theme. An Example you find in tabs.


.clr-btn-COLORNAME

This tints an existing button (.ui-btn) into the given color.
red pink purple deep-purple indigo blue light-blue cyan teal green light-green lime yellow amber orange deep-orange brown grey blue-grey


.clr-btn-accent-COLORNAME

This colors the text of an existing button (.ui-btn) into the given color.
red pink purple deep-purple indigo blue light-blue cyan teal green light-green lime yellow amber orange deep-orange brown grey blue-grey