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.
This sets the font-color of the element to the given color.
I'm .clr-blue-grey
This sets the background of the element to the given color.
I'm .clr-bg-green
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
- Available Color Sheets
-
red
nativedroid2.color.red.css
-
pink
nativedroid2.color.pink.css
-
purple
nativedroid2.color.purple.css
-
deep-purple
nativedroid2.color.deep-purple.css
-
indigo
nativedroid2.color.indigo.css
-
blue
nativedroid2.color.blue.css
-
light-blue
nativedroid2.color.light-blue.css
-
cyan
nativedroid2.color.cyan.css
-
teal
nativedroid2.color.teal.css
-
green
nativedroid2.color.green.css
-
light-green
nativedroid2.color.light-green.css
-
lime
nativedroid2.color.lime.css
-
yellow
nativedroid2.color.yellow.css
-
amber
nativedroid2.color.amber.css
-
orange
nativedroid2.color.orange.css
-
deep-orange
nativedroid2.color.deep-orange.css
-
brown
nativedroid2.color.brown.css
-
blue-grey
nativedroid2.color.blue-grey.css