Customizing color and text

The first things we need to consider when applying a theme are colors and text. Material design guidelines recommend selecting these colors from a predefined series of palettes.

Using palettes

The two most significant colors we can edit in a material theme are the primary colors. They are applied directly to the status and app bars and give an app a distinctive look without affecting the uniform feel of the platform as a whole. Both these colors should be selected from the same color palette. There are many such palettes available, and the entire collection can be found at www.google.com/design/spec/style/color.html#color-color-palette.

Whichever palette you decide to use as your primary colors, Google recommend that you use shades with values of 500 and 700:

This does not have to be enforced too strictly, but it usually a good idea to stick close to these values and to always select two shades of the same color.

Tip

The theme editor can be very helpful here; not...