Customizing Charts
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$series-a | get-base-hue( teal, 500 ) | get-base-hue( teal, 500 ) | |
Description The first base series color and its light and dark shades. | |||
$series-b | get-base-hue( blue, 500 ) | get-base-hue( blue, 500 ) | |
Description The second base series color and its light and dark shades. | |||
$series-c | get-base-hue( purple, 500 ) | get-base-hue( purple, 500 ) | |
Description The third base series color and its light and dark shades. | |||
$series-d | get-base-hue( red, 500 ) | get-base-hue( red, 500 ) | |
Description The fourth base series color and its light and dark shades. | |||
$series-e | get-base-hue( yellow, 500 ) | get-base-hue( yellow, 500 ) | |
Description The fifth base series color and its light and dark shades. | |||
$series-f | get-base-hue( green, 500 ) | get-base-hue( green, 500 ) | |
Description The sixth base series color and its light and dark shades. | |||
$series-1 | $series-a | get-base-hue( teal, 500 ) | |
Description The series colors in order: base, light, dark, lighter, darker | |||
$chart-major-lines | rgba(0, 0, 0, .08) | rgba(0, 0, 0, .08) | |
Description The color of the Chart grid lines (major). | |||
$chart-minor-lines | rgba(0, 0, 0, .04) | rgba(0, 0, 0, .04) | |
Description The color of the Chart grid lines (minor). |