Customizing Charts

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$series-a	Color	`#ff6358`	`#ff6358`
Description The first base series color and its light and dark shades.
$series-b	Color	`#ffe162`	`#ffe162`
Description The second base series color and its light and dark shades.
$series-c	Color	`#4cd180`	`#4cd180`
Description The third base series color and its light and dark shades.
$series-d	Color	`#4b5ffa`	`#4b5ffa`
Description The fourth base series color and its light and dark shades.
$series-e	Color	`#ac58ff`	`#ac58ff`
Description The fifth base series color and its light and dark shades.
$series-f	Color	`#ff5892`	`#ff5892`
Description The sixth base series color and its light and dark shades.
$series-1	Color	`$series-a`	`#ff6358`
Description The series colors in order: base, light, dark, lighter, darker
$chart-major-lines	Color	`rgba( if( $dark-theme, $white, $black ), .08 )`	`rgba(0, 0, 0, 0.08)`
Description The color of the Chart grid lines (major).
$chart-minor-lines	Color	`rgba( if( $dark-theme, $white, $black ), .04 )`	`rgba(0, 0, 0, 0.04)`
Description The color of the Chart grid lines (minor).

Suggested Links