Topline colors

Topline tiles can be customized with different colors. To customize, access the colors menu from the gear icon:

In the box, you can specify which colors you want to appear in the tile. There are three ways to do this:

Color Hex
Color Number
Color Name

While you can specify any hex colors, the color numbers and names are limited to 21:

Number	Short Name	Name	Description
1	r	red	red
2	b	blue	blue
3	g	green	green
4	o	orange	orange
5	v	violet	violet
6	y	yellow	yellow
7		gray	gray
8	r-	red-	dark red
9	b-	blue-	dark blue
10	g-	green-	dark green
11	o-	orange-	dark orange
12	v-	violet-	dark violet
13	y-	yellow-	dark yellow
14		gray-	dark gray
15	r+	red+	light red
16	b+	blue+	light blue
17	g+	green+	light green
18	o+	orange+	light orange
19	v+	violet+	light violet
20	y+	yellow+	light yellow
21		gray+	light gray

There are seven base colors, and the remaining 14 colors are lighter and darker variants of the above. These are accessed by number, by postfixing a "+" or "-" to the color name, or by using color numbers 8 - 21. Thus, to create a chart with red, light red, and dark red, the color box input can be:

Input	Output
red,red+,red- -or- r,r+,r- -or- 1,8,15 -or- #F04856,#FFCCCF,#AD1119

Bar charts will only use a single color. Pie charts accept multiple colors, in a comma separated string.

Hex Inputs

As noted above, hex inputs are not restricted to the 21 base colors:

Input	Output
#e9b286,#c34733,#984237,#28202c,#632e30

Related to

Search

Hex Inputs

Comments