Modern gives the Matomo interface a minimalist design with an updated colour scheme.

Modern makes it easier than ever to stay on brand. The white header means that you can simply upload your organisation’s logo – without clashing with the original Matomo header colour.

Now also with optional dark mode and the option to change the background of the page header.

The design is focused on usability and accessibility. Colours are selected to maintain a good contrast ratio. The navigation design is updated to improve focus on the main content. Support for keyboard navigation is enhanced, compared to the default Matomo interface.

Modern is maintained by usability and accessibility specialists at the Whitespace agency.

  • light mode

  • dark mode

  • custom background color

  • options

Modern is maintained by usability and accessibility specialists at Whitespace agency.

The Modern design is focused on usability and accessibility. Colours are selected to maintain a good contrast ratio. The navivation design is updated to improve focus on the main content. Support for keyboard navigation is enhanced, compared to the default Matomo interface.

The Modern theme has a neutral white header. This makes it a good choice if you are looking to rebrand your Matomo instance, and upload your organization’s logo. Modern is maintained by usability and accessibility specialists at the digital product agency Whitespace.

How do I install this theme?

The Modern Theme is available in the official Matomo market place.

  • Log into the user interface of your Matomo installation
  • Look for the Marketplace section
  • Select "Theme" in the dropdown and search for 'Modern'
  • Activate the theme after installation

Is the theme active for all Matomo users in my instance?

Yes. If you choose this theme for your Matomo instance, all users will see it.

How long will this theme will be maintained ?

This theme is maintained by Whitespace and will be regularly updated for years to come.

How can I report issues and give feedback?

Please submit an issue on Github, https://github.com/whitespace-se/matomo-modern-theme/issues

How can I support the developers of this theme?

Write a review to help others discover the theme.

View and download this plugin for a specific Matomo version: