diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..8546318 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,3 @@ +## Changelog + +Here goes the changelog text. diff --git a/GoogleAnalyticsTheme.php b/GoogleAnalyticsTheme.php new file mode 100644 index 0000000..8be58e5 --- /dev/null +++ b/GoogleAnalyticsTheme.php @@ -0,0 +1,27 @@ + 'configureThemeVariables', + ]; + } + + public function configureThemeVariables(Plugin\ThemeStyles $vars) + { + //Nothing here + } +} diff --git a/README.md b/README.md index 2d93739..9c9fd5a 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ -# Matomo: Google Analytics Theme +# Matomo ATestTheme Theme ## Description + +Add your theme description here. diff --git a/config/config.php b/config/config.php new file mode 100644 index 0000000..dad330e --- /dev/null +++ b/config/config.php @@ -0,0 +1,2 @@ +=3.7.0,<4.0.0-b1" - }, - "stylesheet": "stylesheets/theme.less", - "homepage": "https://ronan-hello.fr", - "license": "GPL v3+", - "keywords": [ - "theme", - "google", - "analytics" - ], - "support": { - "email": "contact@ronan-hello.fr", - "issues": "", - "forum": "https://forum.matomo.org", - "source": "" - }, - "authors": [ - { - "name": "Ronan HELLO", - "email": "contact@ronan-hello.fr", - "homepage": "https://ronan-hello.fr" - } - ] -} + "name": "Google Analytics Theme", + "description": "Matomo Platform showcase: example of how to create a simple Theme.", + "version": "0.1.0", + "theme": true, + "require": { + "piwik": ">=3.13.1-stable,<4.0.0-b1" + }, + "stylesheet": "stylesheets\/theme.less", + "javascript": "javascripts\/theme.js", + "homepage": "", + "license": "GPL v3+", + "keywords": [], + "support": { + "email": "", + "issues": "", + "forum": "", + "irc": "", + "source": "", + "docs": "", + "wiki": "", + "rss": "" + }, + "authors": [ + { + "name": "", + "email": "", + "homepage": "" + } + ] +} \ No newline at end of file diff --git a/stylesheets/_colors.less b/stylesheets/_colors.less new file mode 100644 index 0000000..93952fc --- /dev/null +++ b/stylesheets/_colors.less @@ -0,0 +1,12 @@ +@theme-color-brand: #1a73e8; +@theme-color-background-base: #f8f9fa; +@theme-color-header-background: #ffffff; +@theme-color-header-text: #5f6368; + +@theme-color-widget-title-background: #f8f9fa; +@theme-color-widget-title-text: #4a4a4a; + +@theme-color-menu-contrast-text: rgba(0,0,0,0.54); +@theme-color-menu-contrast-textActive: #3c4043; +@theme-color-menu-contrast-textSelected: #1a73e8; +@theme-color-menu-contrast-background: transprent; \ No newline at end of file diff --git a/stylesheets/_variables.less b/stylesheets/_variables.less index a47a333..69c94e1 100644 --- a/stylesheets/_variables.less +++ b/stylesheets/_variables.less @@ -1,9 +1 @@ -//Main -@theme-color-background-base: #f8f9fa; -@theme-color-brand: #4285f4; - -//Menu -@theme-color-menu-contrast-text: #727273; -@theme-color-menu-contrast-textSelected: #1a73e8; -@theme-color-menu-contrast-textActive: #3c4043; -@theme-color-menu-contrast-background: transparent; \ No newline at end of file +@theme-fontFamily-base: Arial, Verdana, sans-serif; \ No newline at end of file diff --git a/stylesheets/components/_card.less b/stylesheets/components/_card.less new file mode 100644 index 0000000..753411d --- /dev/null +++ b/stylesheets/components/_card.less @@ -0,0 +1,11 @@ +.card { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); + + .card-content { + + .card-title { + + } + + } +} \ No newline at end of file diff --git a/stylesheets/components/_header.less b/stylesheets/components/_header.less new file mode 100644 index 0000000..956340b --- /dev/null +++ b/stylesheets/components/_header.less @@ -0,0 +1,7 @@ +nav { + box-shadow: none !important; + + .nav-wrapper { + border-bottom: 1px solid #dadce0; + } +} \ No newline at end of file diff --git a/stylesheets/components/_menu.less b/stylesheets/components/_menu.less new file mode 100644 index 0000000..638bf2d --- /dev/null +++ b/stylesheets/components/_menu.less @@ -0,0 +1,32 @@ +#secondNavBar { + + ul { + & > li > ul > li.active > .item { + background-color: #e8f0fe !important; + } + + li { + + &.active > a { + background-color: #e8eaed !important; + } + + a { + border-radius: 0 50em 50em 0; + font-weight: 500; + font-size: 14px; + //letter-spacing: .25px; + color: rgba(0,0,0,0.54); + + &:focus { + outline: none !important; + } + + &:hover { + background-color: #dadce1 !important; + transition: .2s ease all; + } + } + } + } +} \ No newline at end of file diff --git a/stylesheets/components/_search.less b/stylesheets/components/_search.less new file mode 100644 index 0000000..9119b0d --- /dev/null +++ b/stylesheets/components/_search.less @@ -0,0 +1,4 @@ +.quick-access { + background-color: transparent; + box-shadow: none !important; +} \ No newline at end of file diff --git a/stylesheets/components/_sparkline.less b/stylesheets/components/_sparkline.less new file mode 100644 index 0000000..7207082 --- /dev/null +++ b/stylesheets/components/_sparkline.less @@ -0,0 +1,24 @@ +// sparkline colors +.sparkline-colors[data-name=backgroundColor] { + color: white; +} + +.sparkline-colors[data-name=lineColor] { + color: #058DC7; +} + +.sparkline-colors[data-name=minPointColor] { + color: #058DC7 //darken(#058DC7, 10); +} + +.sparkline-colors[data-name=maxPointColor] { + color: #058DC7 //darken(#058DC7, 10); +} + +.sparkline-colors[data-name=lastPointColor] { + color: white; //hidden +} + +.sparkline-colors[data-name=fillColor] { + color: lighten(#058DC7, 55); +} \ No newline at end of file diff --git a/stylesheets/components/_widget.less b/stylesheets/components/_widget.less new file mode 100644 index 0000000..83af5eb --- /dev/null +++ b/stylesheets/components/_widget.less @@ -0,0 +1,44 @@ +.widget { + background-color: transparent; + box-shadow: none; + border: none !important; + + &:hover { + box-shadow: none; + } + + .widgetTop { + border: none; + background-color: transparent; + padding: 0 !important; + + .buttons { + background: @theme-color-background-base; + top: 4px; + right: 0; + padding-left: 0; + + .button { + margin-top: 0px; + + &:first-child { + margin-right: 0; + } + } + } + + .widgetName { + padding: 0 0 15px 0 !important; + font-weight: 300; + color: #4a4a4a; + } + } + + .widgetContent { + border-radius: 2px; + border: none; + padding: 14px; + background-color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); + } +} \ No newline at end of file diff --git a/stylesheets/layout/_header.less b/stylesheets/layout/_header.less deleted file mode 100644 index ed5f367..0000000 --- a/stylesheets/layout/_header.less +++ /dev/null @@ -1,2 +0,0 @@ -@theme-color-header-background: #ffffff; -@theme-color-header-text: #5f6368; \ No newline at end of file diff --git a/stylesheets/layout/_menu.less b/stylesheets/layout/_menu.less deleted file mode 100644 index 907b892..0000000 --- a/stylesheets/layout/_menu.less +++ /dev/null @@ -1,28 +0,0 @@ - - -#root #secondNavBar .navbar { - border-top: 1px solid rgba(0, 0, 0, 0.08);; -} - -#root .borderedControl { - box-shadow: none; - background-color: transparent; - transition: .2s ease all; - - &:hover { - background-color: rgba(158, 158, 158, 0.2); - transition: .2s ease all; - } -} - -#root #secondNavBar .navbar > li .item { - padding: 10px 21px 10px 19px; - border-radius: 0 50em 50em 0; - background-color: transparent; - transition: .2s ease all; - - &:hover { - background-color: #dadce0; - transition: .2s ease all; - } -} \ No newline at end of file diff --git a/stylesheets/theme.less b/stylesheets/theme.less index c09442c..1e6a7c8 100644 --- a/stylesheets/theme.less +++ b/stylesheets/theme.less @@ -1,3 +1,22 @@ +@import "_colors"; @import "_variables"; -@import "layout/_header"; -@import "layout/_menu"; \ No newline at end of file + +@import "components/_card"; +@import "components/_header"; +@import "components/_menu"; +@import "components/_search"; +@import "components/_sparkline"; +@import "components/_widget"; + +@theme-color-brand: #1a73e8; +@theme-color-background-base: #f8f9fa; +@theme-color-header-background: #ffffff; +@theme-color-header-text: #5f6368; + +@theme-color-widget-title-background: #f8f9fa; +@theme-color-widget-title-text: #4a4a4a; + +@theme-color-menu-contrast-text: rgba(0,0,0,0.54); +@theme-color-menu-contrast-textActive: #3c4043; +@theme-color-menu-contrast-textSelected: #1a73e8; +@theme-color-menu-contrast-background: transprent; \ No newline at end of file