Customize Grafana Themes Without Rebuilding the Source Code

Grafana provides two built‑in themes, Light and Dark, but many users want more flexible styling. Since Grafana does not natively support custom themes, you normally have to modify the source and recompile.

Fortunately, you can achieve theme customization without touching the source by using the plugin mechanism.

First, search online for Grafana theme plugins. The only suitable result is the Boom theme plugin, which is a Panel plugin that affects only the current dashboard. Add a new panel, click “Choose Visualization”, select <Boom Theme>, and you can apply a custom theme.

If you prefer not to write CSS yourself, search GitHub for ready‑made Grafana themes using the keyword grafana theme. Among the results, the author chose theme.pak (https://github.com/gilbN/theme.park).

After adding the selected theme to the Boom Theme panel, the dashboard displays the new appearance. You can set any added theme as the default, and a menu appears at the top of the dashboard to switch themes in real time.

To apply the custom theme to all dashboards, add a Boom Theme Panel to each one. To avoid repetitive work, copy the configured panel: click the panel’s triangle, hover over More, choose Copy, then in another dashboard use Paste copied panel.

After pasting, the custom theme is active on the new dashboard.

Footnote: theme.pak – https://github.com/gilbN/theme.park