matomo-mirror/matomo-ClassicTheme
1
0
Fork 0
mirror of https://github.com/Findus23/matomo-ClassicTheme.git synced 2024-08-27 19:52:17 +02:00
Code Releases Activity

first version

Browse source
This commit is contained in:
Lukas Winkler 2018-11-20 21:52:08 +01:00
commit 3e1580f21d
Signed by: lukas
GPG key ID: 54DE4D798D244853
5 changed files with 66 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
README.md Normal file
View file

@ -0,0 +1,7 @@
# Matomo Classic Theme
## Description
This plugin brings back the less colorful theme of Matomo 3.6.0.
This theme is just a few lines of CSS/LESS. If you want to modify Matomo to look just like you want it, you can use [this theme](https://github.com/Findus23/matomo-ClassicTheme) as a template.

29
plugin.json Normal file
View file

@ -0,0 +1,29 @@
{
"name": "ClassicTheme",
"description": "You don't like bright colors? Then this theme brings back the old style of Matomo 3.6.0",
"version": "0.1.0",
"theme": true,
"require": {
"piwik": ">=3.7.0,<4.0.0-b1"
},
"stylesheet": "stylesheets/theme.less",
"homepage": "https://lw1.at",
"license": "GPL v3+",
"keywords": [
"theme",
"classic"
],
"support": {
"email": "lukas@matomo.org",
"issues": "https://github.com/Findus23/matomo-ClassicTheme/issues",
"forum": "https://forum.matomo.org",
"source": "https://github.com/Findus23/matomo-ClassicTheme"
},
"authors": [
{
"name": "Lukas Winkler",
"email": "lukas@matomo.org",
"homepage": "https://lw1.at"
}
]
}

0
screenshots/.gitkeep Normal file
View file

BIN
screenshots/dashboard.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 156 KiB

30
stylesheets/theme.less Normal file
View file

@ -0,0 +1,30 @@
@theme-color-brand: @color-red-piwik;
@theme-color-header-background: #37474f;
@theme-color-header-text: #fff;
@graph-colors-data-series1: #d4291f;
@graph-colors-data-series2: #1f78b4;
@graph-colors-data-series4: #33a02c;
// can't find the original colors, so I just make them a bit less bright
.system.notification {
&.notification-success {
background-color: desaturate(@color-green-piwik, 25%) !important;
}
&.notification-warning {
background-color: desaturate(#f57c00, 25%);
}
&.notification-danger,
&.notification-error {
background-color: desaturate(#e53935, 25%);
}
&.notification-info {
background-color: desaturate(#00bcd4, 25%);
}
}
// set back to materialcss default
[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
background-color: #26a69a;
border-color: #26a69a;
}