Skip to content

openmost/DarkTheme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dark Theme

Description

A comprehensive dark theme for Matomo Analytics that transforms the entire interface into a modern, eye-friendly dark experience. Built with accessibility and readability in mind, this theme provides proper contrast ratios and consistent styling across all Matomo features.

Key Features

  • Complete UI Coverage - Every screen, widget, modal, and component is styled for dark mode
  • Charts & Graphs - All jqPlot charts (sparklines, bar graphs, pie charts, evolution graphs) render beautifully with dark backgrounds and vibrant data colors
  • Maps Support - RealTimeMap and UserCountryMap fully themed with appropriate color scales for data visualization
  • Consistent Design - Cards, widgets, sidebar navigation, and modals all share a cohesive dark aesthetic
  • Native Theme API - Built on Matomo's Theme.configureThemeVariables event for seamless integration with core and plugins
  • Plugin Compatibility - Works seamlessly with Matomo plugins including Funnels, Tag Manager, AI Chats, Custom Reports, Multi Sites, Scheduled Reports, Transitions, and more

Why Choose Dark Theme?

  • Reduces eye strain during extended analytics sessions
  • Perfect for low-light environments and night-time work
  • Professional appearance that matches modern dark-mode applications
  • Actively maintained and updated with each Matomo release

Customization

The theme exposes its full color palette through Matomo's ThemeStyles API in DarkTheme.php. Fork the plugin to adjust the brand, surface, text, and border scales — or override the generated --theme-color-* CSS variables from your own stylesheet to match your brand.

Thank you for installing!

Requirements

  • Matomo 5.10.0 or later (Dark Theme 5.3.x)
  • For Matomo 5.0 – 5.9, install Dark Theme 5.2.x
  • For Matomo 4.x, install Dark Theme 1.x

Installation

From the Marketplace (recommended)

  1. Go to Administration → Marketplace → Themes
  2. Search for "Dark Theme"
  3. Click Install, then Activate

Manual installation

  1. Download the latest release from GitHub
  2. Extract the archive into your Matomo plugins/ directory as plugins/DarkTheme/
  3. Activate the theme under Administration → Themes

After installation or any customization, clear the asset cache: Administration → System → General Settings → "Clear all caches".

Documentation

Support

If you encounter any issues or have suggestions, please:

Want More?

Looking for a custom theme tailored to your brand? We create bespoke Matomo themes for businesses. Visit openmost.io or contact us to discuss your requirements.

License

Released under the GPL v3 or later license.

About

Dark Theme for Matomo user interface

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors