Theme Properties

Theme properties may be used to set common colors across many properties in each component instance.

By default, any color prop defined on the chart, an axis, pen, or interaction will override the props listed below. See each property description for more information.

Tip: In order to easily maintain themes across all instances, bind matching session props to the theme object.

Name	Description	Property Type
axisBorderColor	The color of the axes borders.	Color
axisLabelColor	The color of the axes ticks and associated labels.	Color
axisTitleColor	The color of the axes titles.	Color
chartBackground	The color of the chart background. This property is completely CSS compatible.	Color
chartTitleColor	The color of the chart title.	Color
highlightFill	The fill color of the axis highlight for all interactions with the axis highlight functionality, as well as the zoom to area interaction area and range brush area.	Color
highlightStroke	The stroke color of the axis highlight for all interactions with the axis highlight functionality, as well as the zoom to area interaction area and range brush area.	Color
legendBackground	The color of the chart built-in legend background.	Color
legendForeground	The color of the chart built-in legend foreground.	Color
loadingBackground	The color of the loading animation background.	Color
loadingForeground	The color of the loading animation foreground.	Color
majorGridLineStroke	The stroke color of the axis major gridlines.	Color
minorGridLineStroke	The stroke color of the axis minor gridlines.	Color
penColumnFill	The fill color of the `Column` type pen.	Color
penColumnStroke	The stroke color of the `Column` type pen.	Color
penGradientFill	The default gradient for any pen type with the `fill` property defined by an array of gradient stops. This property only takes precedence over a default pen fill when the pen instance `fill.gradient.gradientStops` has a length of zero and the pen instance `fill.color` property is deleted from the property tree.	PenGradientStop []
penLineStroke	The stroke color of the `Line` and `Spline` type pens.	Color
penMountainFill	The fill color of the `Mountain` and `MountainSpline` type pens.	Color
penMountainStroke	The stroke color of the `Mountain` and `MountainSpline` type pens.	Color
textAnnotationFill	The color of the measurement and annotation infoBox background, as well as the x-trace tooltip fill and annotation dot fill.	Color
textAnnotationStroke	The color of the measurement and annotation infoBox foreground including text and border, as well as the x-trace tooltip stroke, measurement and annotation lines, and annotation dot outline.	Color
traceStroke	The stroke color for the xTrace interaction crosshairs and line.	Color