Git Product home page Git Product logo

matomo-modern-theme-work's Introduction

Modern

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.

Dark mode

Dark mode

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 background colour

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

Modern options

Edit the options from Administration > System > General Settings

Config

Configuration can be overriden in config.ini.php

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

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

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

modernHeaderBackgroundColor = "#ff5100"

Whitespace & Matomo

We offer support for configuration, operation and web analysis with Matomo. The customer list includes 30+ organizations in the public sector - e.g. The Swedish Tax Agency, The Swedish National Archives, Uppsala municipality, Trelleborg Municipality, Eslöv municipality, the Swedish Social Insurance Agency, Statistics Sweden & Umeå University.

Read about Whitespace & Matomo

matomo-modern-theme-work's People

Contributors

atom-box avatar degeer avatar johanwestin avatar lianee avatar okkido avatar thomasbnt avatar whitespace-dev avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.