Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

New Default Theme for Piwik 2: Morpheus #4127

Closed
mattab opened this Issue · 27 comments

2 participants

Matthieu Aubry Anonymous Piwik user
Matthieu Aubry
Owner

We have been using the same theme for Piwik for the last three years. It would be amazing to refresh the theme used in Piwik to bring a new vision and concept and better help users visualize their analytics reports.

The theme should be fresh, help user focus on the important data, and be consistent with Piwik branding.

Thanks to [http://piwik.org/blog/2013/02/clearcode-development-company-doing-business-with-piwik/ Clearcode our technology and design partner) for their future work on the design!

Anonymous Piwik user

Is there any more info on where you guys want to go with it?

I'm guessing flat design, focus on typography and contrast to convey importance. I can try making some mockups based on the current main website if there isn't anything extra to go on at this point.

Matthieu Aubry
Owner

We have a new theme designed, flat design style, that will be released hopefully in time for Piwik 2.0 stable. Thanks to the new theme framework one can build a new theme for Piwik quite easily (how to create a theme)

Stay tuned for this new theme, or feel free to try create a new theme for Piwik!

Matthieu Aubry
Owner

In 4c2f973: Refs #4127 Adding new theme for Piwik 2: Morpheus. Morpheus is the default theme of Piwik 2 designed to help you focus on your analytics reports. In Greek mythology, Morpheus is the God of dreams. In the Matrix movie, Morpheus is the leader of the rebel forces who fight to awaken humans from a dreamlike reality called The Matrix.

Kuddos to the team at Clearcode for building this new theme!

Work in progress...

Matthieu Aubry
Owner

In 64cfe78: Refs #4127 adding new icons set to Morpheus theme

Matthieu Aubry
Owner

In d2b0b90: Refs #4127 Deleting Less files which are the same as in Zeitgeist

Matthieu Aubry
Owner

In 2de30e9: Refs #4127 Removing icons which are the same as in Zeitgeist

Matthieu Aubry
Owner

In a1cfc62: Refs #4127 Morpheus is disabled by default (for now, while in development)

Matthieu Aubry
Owner

In b6f26e5: Refs #4127 Implementing possibility for Themes to overwrite any icon or resource by putting the new file in plugins/$ThemeName/XX - Morpheus theme now displays its icons! :)

Matthieu Aubry
Owner

In 762509f: Refs #4127 Removing Less/css files which are duplicate of Zeitgeist

Matthieu Aubry
Owner

In 5e819a5: Refs #4127 images in CSS with url('path or url("path or url(path should be replaced

Matthieu Aubry
Owner

In f8f4a8f: Refs #4127 Sub menu "Visitors" should fit in the screen width on a resolution of 1280

Matthieu Aubry
Owner

In 2e7d32c: Refs #4127 Display the SVG logo from Morpheus instead of Zeitgeist logo. NOTE: the images/logo-header.png and images/logo.png are missing in Morpheus but they are useful for ie8 which does not read SVG.

Matthieu Aubry
Owner

In 3178109: Enabling Morpheus Theme in a branch to see generated UI screenhots tests refs #4127

Matthieu Aubry
Owner

In ce90029: Refs #4127 Themes can now override icons from any other plugin. eg to override: plugins/CoreHome/images/search.png put new icon in: plugins/Morpheus/images/search.png -- in case there are two icons called the same in two different plugins please let me know and we will rename them so all icon names are unique across plugins.

Matthieu Aubry
Owner

In be3f817: Refs #4127 #3942 Allow plugins to define one or several javascript that the theme should include, directly from the plugin.json file.
It is better than asking Theme designers to create a .php file that defines the hook "AssetManager.getJavaScriptFiles"

Matthieu Aubry
Owner

In ce51ade: Refs #4127 #3942 Example javascripts for Morpheus theme

Matthieu Aubry
Owner

In f8824a6: Refs #4127 Latest update by designers of the new Piwik 2 theme: Morpheus. Work in progress.... Let us know what you think!

Matthieu Aubry
Owner

In 25d4851: Refs #4127 Enabling UI Screenshot tests generated for Morpheus

Matthieu Aubry
Owner

In 6686b4e: Refs #4127 Latest updates to theme: form elements themed, line charts, Help icon (looks great!), inline help and other design improvements

Matthieu Aubry
Owner

In bbc6dc4: refs #4127 Adding colors palette for graph data series

Matthieu Aubry
Owner

The new theme is an amazing work done by Clearcode designers on the new Theme for Piwik 2.0, Morpheus!

We will keep tweaking the theme and improve it based on your feedback, so please keep the suggestions coming. We hope you enjoy the new Piwik 2.0 experience!

Matthieu Aubry
Owner

In e4ec359: 2.0-rc1 with Morpheus theme enabled by default, wowza!! Refs #4127

Anonymous Piwik user

In the build of Piwik 2.0 that I downloaded from the homepage, Zeitgeist was the default theme.

Matthieu Aubry
Owner

Thanks for the report!

I forgot to enable Morpheus for NEW users.
It works only for users updating to 2.0.

Anonymous Piwik user

Not a problem.

I'm in the process of deploying Piwik as an integrated analytics platform for the Open Science Framework, replacing our existing custom-rolled glorified hit counter. It should be up and running tomorrow, and we'll be using Piwik 2.0 :)

I'm making sure to note any issues I encounter on Trac, since 2.0 is still so new and I'm doing a fresh install.

Matthieu Aubry
Owner

Fixed in 42376c1

Great to hear Piwik will be integrated in the Open Science Framework, this looks like a great project!

Matthieu Aubry
Owner

In c678c1b: Fix tests refs #4127

Matthieu Aubry mattab added this to the 2.0.1 - Piwik 2.0.1 milestone
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 Adding new theme for Piwik 2: Morpheus. Morpheus is the de…
…fault theme of Piwik 2 designed to help you focus on your analytics reports. In Greek mythology, Morpheus is the God of dreams. In the Matrix movie, Morpheus is the leader of the rebel forces who fight to awaken humans from a dreamlike reality called The Matrix.

Kuddos to the team at Clearcode for building this new theme!

Work in progress...
4c2f973
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 adding new icons set to Morpheus theme 64cfe78
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 Implementing possibility for Themes to overwrite any icon …
…or resource by putting the new file in plugins/$ThemeName/XX - Morpheus theme now displays its icons! :)
b6f26e5
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 images in CSS with url('path or url("path or url(path shou…
…ld be replaced
5e819a5
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 Sub menu "Visitors" should fit in the screen width on a re…
…solution of 1280
f8f4a8f
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 Display the SVG logo from Morpheus instead of Zeitgeist lo…
…go. NOTE: the images/logo-header.png and images/logo.png are missing in Morpheus but they are useful for ie8 which does not read SVG.
2e7d32c
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 Themes can now override icons from any other plugin. eg to…
… override: plugins/CoreHome/images/search.png put new icon in: plugins/Morpheus/images/search.png -- in case there are two icons called the same in two different plugins please let me know and we will rename them so all icon names are unique across plugins.
ce90029
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 #3942 Allow plugins to define one or several javascript th…
…at the theme should include, directly from the plugin.json file.

It is better than asking Theme designers to create a .php file that defines the hook "AssetManager.getJavaScriptFiles"
be3f817
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 #3942 Example javascripts for Morpheus theme ce51ade
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 Latest update by designers of the new Piwik 2 theme: Morph…
…eus. Work in progress.... Let us know what you think!
f8824a6
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Refs #4127 Latest updates to theme: form elements themed, line charts…
…, Help icon (looks great!), inline help and other design improvements
6686b4e
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab refs #4127 Adding colors palette for graph data series bbc6dc4
Philip Taffner sabl0r referenced this issue from a commit in sabl0r/piwik
Matthieu Aubry mattab Fix tests refs #4127 c678c1b
This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.