mirror of
https://github.com/Findus23/matomo-darktheme.git
synced 2024-08-27 19:52:16 +02:00
kind of working version
This commit is contained in:
commit
207ca36151
9 changed files with 181 additions and 0 deletions
3
CHANGELOG.md
Normal file
3
CHANGELOG.md
Normal file
|
@ -0,0 +1,3 @@
|
|||
## Changelog
|
||||
|
||||
Here goes the changelog text.
|
30
HighContrastDark.php
Normal file
30
HighContrastDark.php
Normal file
|
@ -0,0 +1,30 @@
|
|||
<?php
|
||||
/**
|
||||
* Piwik - free/libre analytics platform
|
||||
*
|
||||
* @link http://piwik.org
|
||||
* @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
|
||||
*
|
||||
*/
|
||||
|
||||
namespace Piwik\Plugins\HighContrastDark;
|
||||
|
||||
use Piwik\Plugin;
|
||||
|
||||
class HighContrastDark extends Plugin
|
||||
{
|
||||
public function getListHooksRegistered()
|
||||
{
|
||||
return [
|
||||
'Theme.configureThemeVariables' => 'configureThemeVariables',
|
||||
];
|
||||
}
|
||||
|
||||
public function configureThemeVariables(Plugin\ThemeStyles $vars)
|
||||
{
|
||||
$vars->fontFamilyBase = 'Arial, Verdana, sans-serif';
|
||||
$vars->colorBrand = '#5793d4';
|
||||
$vars->colorHeaderBackground = '#0091ea';
|
||||
$vars->colorHeaderText = '#0d0d0d';
|
||||
}
|
||||
}
|
5
README.md
Normal file
5
README.md
Normal file
|
@ -0,0 +1,5 @@
|
|||
# Matomo HighContrastDark Theme
|
||||
|
||||
## Description
|
||||
|
||||
Add your theme description here.
|
5
docs/faq.md
Normal file
5
docs/faq.md
Normal file
|
@ -0,0 +1,5 @@
|
|||
## FAQ
|
||||
|
||||
__My question?__
|
||||
|
||||
My answer
|
1
docs/index.md
Normal file
1
docs/index.md
Normal file
|
@ -0,0 +1 @@
|
|||
## Documentation
|
0
images/.gitkeep
Normal file
0
images/.gitkeep
Normal file
30
plugin.json
Normal file
30
plugin.json
Normal file
|
@ -0,0 +1,30 @@
|
|||
{
|
||||
"name": "DarkTheme",
|
||||
"description": "A dark theme for Matomo",
|
||||
"version": "0.1.0",
|
||||
"theme": true,
|
||||
"require": {
|
||||
"piwik": ">=3.6.1-rc1,<4.0.0-b1"
|
||||
},
|
||||
"stylesheet": "stylesheets/theme.less",
|
||||
"homepage": "",
|
||||
"license": "GPL v3+",
|
||||
"keywords": [],
|
||||
"support": {
|
||||
"email": "",
|
||||
"issues": "",
|
||||
"forum": "",
|
||||
"irc": "",
|
||||
"source": "",
|
||||
"docs": "",
|
||||
"wiki": "",
|
||||
"rss": ""
|
||||
},
|
||||
"authors": [
|
||||
{
|
||||
"name": "",
|
||||
"email": "",
|
||||
"homepage": ""
|
||||
}
|
||||
]
|
||||
}
|
0
screenshots/.gitkeep
Normal file
0
screenshots/.gitkeep
Normal file
107
stylesheets/theme.less
Normal file
107
stylesheets/theme.less
Normal file
|
@ -0,0 +1,107 @@
|
|||
@dark-grey: #222;
|
||||
@light-grey: #eee;
|
||||
|
||||
@theme-color-brand: #111;
|
||||
@theme-color-background-base: #111;
|
||||
@theme-color-header-background: @dark-grey;
|
||||
@theme-color-header-text: @light-grey;
|
||||
|
||||
@theme-color-text: @light-grey;
|
||||
@theme-color-background-base: black;
|
||||
|
||||
@theme-color-text-light: #ddd;
|
||||
@theme-color-text-lighter: #ccc;
|
||||
@theme-color-link: #1e93d1;
|
||||
|
||||
@theme-color-menu-contrast-text: #eee;
|
||||
@theme-color-menu-contrast-textActive: white;
|
||||
@theme-color-menu-contrast-textSelected: white;
|
||||
@theme-color-menu-contrast-background: #222;
|
||||
|
||||
@theme-color-widget-background: #222; // background-color of dashboard widgets
|
||||
@theme-color-widget-title-background: @theme-color-widget-background;
|
||||
@theme-color-widget-title-text: #eee;
|
||||
|
||||
@theme-color-background-base: #333;
|
||||
@theme-color-background-tinyContrast: #666;
|
||||
@theme-color-background-lowContrast: #aaa;
|
||||
@theme-color-background-contrast: #ccc;
|
||||
@theme-color-background-highContrast: #eee;
|
||||
|
||||
@theme-color-brand-contrast: #eee; // font-color of buttons
|
||||
|
||||
@default-box-shade: none;
|
||||
|
||||
.sparkline-colors[data-name=backgroundColor] {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.sparkline-colors[data-name=lineColor] {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
.sparkline-colors[data-name=minPointColor] {
|
||||
color: darken(#eee, 10);
|
||||
}
|
||||
|
||||
.sparkline-colors[data-name=maxPointColor] {
|
||||
color: darken(#eee, 10);
|
||||
}
|
||||
|
||||
.sparkline-colors[data-name=lastPointColor] {
|
||||
color: white; //hidden
|
||||
}
|
||||
|
||||
.sparkline-colors[data-name=fillColor] {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.form-help {
|
||||
background-color: #333 !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
tr.inactive-plugin > td {
|
||||
background-color: #333 !important;
|
||||
}
|
||||
|
||||
.Menu--dashboard .navbar > li > .item {
|
||||
&:hover, &:focus {
|
||||
color: @light-grey!important;
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@theme-color-brand: #d4291f;
|
||||
@theme-color-brand-contrast: #ffffff;
|
||||
|
||||
@theme-color-widget-title-text: #0d0d0d;
|
||||
@theme-color-widget-title-background: #f2f2f2;
|
||||
|
||||
@theme-color-menu-contrast-text: #666666;
|
||||
@theme-color-menu-contrast-textActive: #0d0d0d;
|
||||
@theme-color-menu-contrast-textSelected: @theme-color-menu-contrast-text;
|
||||
@theme-color-menu-contrast-background: #f2f2f2;
|
||||
|
||||
|
||||
@theme-color-background-base: #fff;
|
||||
@theme-color-background-tinyContrast: #f2f2f2;
|
||||
@theme-color-background-lowContrast: #cccccc;
|
||||
@theme-color-background-contrast: #5F5A60;
|
||||
@theme-color-background-highContrast: #202020;
|
||||
@theme-color-base-series: #ee3024;
|
||||
|
||||
@graph-colors-data-series1: #d4291f;
|
||||
@graph-colors-data-series2: #1f78b4;
|
||||
@graph-colors-data-series3: #ff7f00;
|
||||
@graph-colors-data-series4: #33a02c;
|
||||
@graph-colors-data-series5: #6a3d9a;
|
||||
@graph-colors-data-series6: #b15928;
|
||||
@graph-colors-data-series7: #fdbf6f;
|
||||
@graph-colors-data-series8: #cab2d6;
|
||||
*/
|
Loading…
Reference in a new issue