Colors

color is an attribute on many widgets, container, text, etc. There are a variety of ways to easily determine the color you want.

Predefined colors

red	redaccent		teal	tealaccent
pink	pinkaccent		green	greenaccent
purple	purpleaccent		lightgreen	lightgreenaccent
deeppurple	deeppurpleaccent		lime	limeaccent
indigo	indigoaccent		yellow	yellowaccent
blue	blueaccent		amber	amberaccent
lightblue	lightblueaccent		orange	orangeaccent
cyan	cyanaccent		deeporange	deeporangeaccent
black	white		grey	bluegrey
brown	transparent		blur	*see below

*Special interaction with BOX, it creates a near transparent layer that blurs the layer behind (otherwise it produces white with 10% opacity).

Hex Colors

You can also define colors by hex value

Html

#RRGGBBAA

Standard Hex

0xFF0000

Alpha/Opacity

To set opacity for a color we suffix the hex code with another value that spans from 0% opacity(00) - 100% opacity(FF) and prefix the 24 bit value. #RRGGBBAA 0xAARRGGBB

Here are the codes for each 10% interval.

0% — 00, 10% — 1A, 20% — 33, 30% — 4D, 40% — 66, 50% — 80, 60% — 99, 70% — B3, 80% — CC, 90% — E6, 100% — FF

Documentation you may find useful

Theme