Highcharts Themes

Available since version 1.2 (Highcharts).

Custom Highcharts themes are created by adding PHP files to an m-chart-highcharts-themes directory inside your active WordPress theme folder:

wp-content/themes/your-theme/
└── m-chart-highcharts-themes/
    └── my-theme.php

Theme files are collected from three locations: the active (child) theme, the parent theme, and the plugin's bundled highcharts-themes directory. Themes are keyed by filename, so a file in your theme with the same name as a bundled theme (e.g. color-blind-safe.php) overrides the bundled one.

Built-in Themes

Theme	Description
Highcharts 4.x/5.x (Default)	The default Highcharts 4/5 color scheme
Color Blind Safe	Accessible color palette
Highcharts 3.x	Color scheme from Highcharts 3
Highcharts 2.x	Color scheme from Highcharts 2

Tips

The default theme's file (_default.php) returns an empty array — the "Highcharts 4.x/5.x" look comes from Highcharts' own built-in defaults, not from options in the theme file.

Creating a Custom Theme

A theme file declares its name in a Theme Name: docblock header (required — files without one are skipped) and returns a Highcharts options array:

<?php

/**
 * Theme Name: My Highcharts Theme
 */

return [
	'colors' => [ '#7cb5ec', '#434348', '#90ed7d', '#f7a35c' ],
	'chart'  => [
		'backgroundColor' => '#ffffff',
		'style'           => [
			'fontFamily' => 'sans-serif',
		],
	],
];

The returned array is merged directly into the Highcharts configuration object, so most valid Highcharts options can be set here (colors, chart, plotOptions, etc. at the top level).

Filtering Available Themes

Use the m_chart_highcharts_available_themes filter to add, remove, or modify themes programmatically.