Colors

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	blur*
brown	bluegrey			transparent

*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

#FF0000

Standard Hex

0xFF0000

Alpha/Opacity

To set opacity for a color we prefix the hex code with another value that spans from 0% opacity(00) - 100% opacity(FF) #AAFF0000 0xAAFF0000

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