PHPackages                             whitespace-se/matomo-modern-theme - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. whitespace-se/matomo-modern-theme

ActivePiwik-plugin

whitespace-se/matomo-modern-theme
=================================

Modern gives the Matomo user interface a minimalist look and feel. Now also with dark mode and additional options.

5.0.9(1mo ago)181156GPL-3.0+LessPHP >=7.2.5

Since Feb 3Pushed 1mo ago13 watchersCompare

[ Source](https://github.com/whitespace-se/matomo-modern-theme)[ Packagist](https://packagist.org/packages/whitespace-se/matomo-modern-theme)[ Docs](https://whitespace.se)[ RSS](/packages/whitespace-se-matomo-modern-theme/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (1)DependenciesVersions (29)Used By (0)

Modern
======

[](#modern)

Description
-----------

[](#description)

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](https://whitespace.se).

Dark mode
---------

[](#dark-mode)

[![Dark mode](https://github.com/whitespace-se/matomo-modern-theme/raw/main/screenshots/2_dark_mode.png?raw=true)](https://github.com/whitespace-se/matomo-modern-theme/blob/main/screenshots/2_dark_mode.png?raw=true)

We added dark mode as an option from version 1.1.0.

You can select the **Dark** or **Light** appearance as a default option, or make it change **automatically** with sunset (Light ⇢ Dark) and sunrise (Dark ⇢ Light).

Custom header background colour
-------------------------------

[](#custom-header-background-colour)

[![Custom background colour](https://github.com/whitespace-se/matomo-modern-theme/raw/main/screenshots/3_custom_background_color.png?raw=true)](https://github.com/whitespace-se/matomo-modern-theme/blob/main/screenshots/3_custom_background_color.png?raw=true)

We added this configuraton as an option from version 1.1.0.

Fill in a colour code. HEX, rgb, rgba, hsl and hsla colours are allowed.

This can be particularly useful for dev/staging environments where you want to clearly signal that it's not the production environment.

Options
-------

[](#options)

[![Modern options](https://github.com/whitespace-se/matomo-modern-theme/raw/main/screenshots/4_options.png?raw=true)](https://github.com/whitespace-se/matomo-modern-theme/blob/main/screenshots/4_options.png?raw=true)

Edit the options from Administration > System > General Settings

Config
------

[](#config)

Configuration can be overriden in `config.ini.php`

```
[Modern]
modernDarkMode = 0
modernHeaderBackgroundColor = "#ff5100"
```

### Options for dark mode

[](#options-for-dark-mode)

- `modernDarkMode = 0` - Make it change *automatically* with sunset (Light ⇢ Dark) and sunrise (Dark ⇢ Light)
- `modernDarkMode = 1` - Only **Dark** mode
- `modernDarkMode = 2` - Only **Light** mode

### Header background color

[](#header-background-color)

Fill in a colour code as a string. HEX, rgb, rgba, hsl and hsla colours are allowed.

```
modernHeaderBackgroundColor = "#ff5100"
```

Whitespace & Matomo
-----------------------

[](#whitespace--matomo)

We provide support for configuration, operation, and web analytics using Matomo. Our customer portfolio includes over 30 public sector organizations, such as the [Swedish Tax Agency](https://skatteverket.se/), [Swedish National Archives](https://riksarkivet.se/), [Uppsala Municipality](https://www.uppsala.se/), [Trelleborg Municipality](https://www.trelleborg.se/), [Eslöv Municipality](https://eslov.se/), [Swedish Social Insurance Agency](https://www.forsakringskassan.se/), [Statistics Sweden](https://scb.se/), and [Umeå University](https://www.umu.se).

Learn more about [Whitespace & Matomo](https://whitespace.se/matomo/).

###  Health Score

49

—

FairBetter than 95% of packages

Maintenance90

Actively maintained with recent releases

Popularity20

Limited adoption so far

Community20

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 58.6% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~81 days

Recently: every ~193 days

Total

24

Last Release

46d ago

Major Versions

1.1.5 → 5.0.02023-07-04

1.1.6 → 5.0.12024-02-01

1.1.7 → 5.0.22024-02-19

### Community

Maintainers

![](https://www.gravatar.com/avatar/592af4ef31862c92dfc8f616c100f6a2cbf189e4a2d68a1d25c140a06dba205c?d=identicon)[whitespace](/maintainers/whitespace)

---

Top Contributors

[![degeer](https://avatars.githubusercontent.com/u/282174?v=4)](https://github.com/degeer "degeer (82 commits)")[![Okkido](https://avatars.githubusercontent.com/u/312146?v=4)](https://github.com/Okkido "Okkido (28 commits)")[![lianee](https://avatars.githubusercontent.com/u/15734521?v=4)](https://github.com/lianee "lianee (22 commits)")[![whitespace-dev](https://avatars.githubusercontent.com/u/10450088?v=4)](https://github.com/whitespace-dev "whitespace-dev (4 commits)")[![thomasbnt](https://avatars.githubusercontent.com/u/14293805?v=4)](https://github.com/thomasbnt "thomasbnt (2 commits)")[![atom-box](https://avatars.githubusercontent.com/u/22874146?v=4)](https://github.com/atom-box "atom-box (1 commits)")[![johanwestin](https://avatars.githubusercontent.com/u/411063?v=4)](https://github.com/johanwestin "johanwestin (1 commits)")

---

Tags

matomomatomo-themematomo-uimodernuxwebpiwikmatomothemeanalyticslightaccessibilitydark-modeminimalist

### Embed Badge

![Health badge](/badges/whitespace-se-matomo-modern-theme/health.svg)

```
[![Health](https://phpackages.com/badges/whitespace-se-matomo-modern-theme/health.svg)](https://phpackages.com/packages/whitespace-se-matomo-modern-theme)
```

###  Alternatives

[matomo/matomo

Matomo is the leading Free/Libre open analytics platform

21.4k37.3k](/packages/matomo-matomo)[almasaeed2010/adminlte

AdminLTE - admin control panel and dashboard that's based on Bootstrap 4

45.3k8.5M140](/packages/almasaeed2010-adminlte)[composer/installers

A multi-framework Composer library installer

1.4k136.0M6.0k](/packages/composer-installers)[matomo/matomo-php-tracker

PHP Client for Matomo Analytics Tracking API

2213.1M16](/packages/matomo-matomo-php-tracker)[picocss/pico

Minimal CSS Framework for semantic HTML.

16.5k14.5k4](/packages/picocss-pico)[bk2k/bootstrap-package

Bootstrap Package delivers a full configured frontend theme for TYPO3, based on the Bootstrap CSS Framework.

357891.4k72](/packages/bk2k-bootstrap-package)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)