# Colors & Styles

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

- 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