Skip to main content
id
string
A unique identifier for this theme
colorScheme
string
This property gives the SDK a hint to how to derive colors from your theme for features such as tinted backgrounds and border styles.
ValueDescription
lightLight theme
darkDark theme
values
GraphThemeValues
The style tokens to use for this theme. See below for a list of all possible values.
canvasColors
GraphThemeCanvasColor[]
An array of colors available in the color picker for annotations. See Canvas colors for usage details.
defaultAnnotationColorIds
GraphThemeAnnotationColorIds
Specifies which canvas colors to use as defaults when creating new annotations. Each property references a color id from the canvasColors array. If a referenced ID doesn’t exist or is not provided, Graphy falls back to the first canvas color. See Default annotation colors for usage details.

GraphThemeCanvasColor

id
string
A unique identifier for the color. This ID is used to persist color choices across theme changes—if two themes define a color with the same ID, annotations will automatically use the color value from the active theme.
label
string
A human-readable name for the color, displayed in the color picker UI.
value
string
The hex color value (e.g., #3b82f6).

GraphThemeAnnotationColorIds

arrowStroke
string
The id of the canvas color to use as the default stroke color for arrow annotations.
shapeFill
string
The id of the canvas color to use as the default fill color for shape annotations.

GraphThemeValues

Overriding semantic tokens is the easiest way to tweak the appearance of multiple elements at once.

Base colors

white
string
black
string
transparent
string
grey100
string
grey95
string
grey90
string
grey85
string
grey80
string
grey75
string
grey70
string
grey60
string
grey50
string
grey0
string
green60
string
green50
string
red60
string
red50
string
amber70
string
amber50
string
amber40
string
amber30
string
blue80
string
blue60
string
purple50
string
purple30
string
greyGradient80
string

Semantic tokens

brand
string
success
string
warning
string
alert
string
textPrimary
string
textSecondary
string
textDisabled
string
sunkenBackground
string
defaultBackground
string
raisedBackground
string
overlayBackground
string
overlayBorderGradient
string

Element overrides

Grid lines
gridLineColor
string
hoverGuideLineColor
string
originLineColor
string
targetLineColor
string
targetLineMarkerColor
string
Graph legend
legendBackground
string
legendBorderColor
string
legendTextColor
string
dimmedSeriesLabelTextColor
string
dimmedSeriesLabelLineColor
string
Trend indicators
trendNegativeColor
string
trendPositiveColor
string
Tooltips
tooltipBackground
string
tooltipBorderColor
string
tooltipHeadingTextColor
string
tooltipLabelTextColor
string
tooltipValueTextColor
string
Graph type picker
graphTypeIconAccentColor
string
Heatmaps
heatmapEmptyTileBackground
string
Bar charts
stackedBarHoverBorderColor
string
Annotations
defaultArrowAnnotationColor
string
annotationFrameBorderColor
string
annotationWheelCenterIconColor
string