New Default Theme for Piwik 2: Morpheus

[mattab]

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-matomo-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.

[mattab]

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!

[mattab]

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...

[mattab]

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

[mattab]

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

[mattab]

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

[mattab]

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

[mattab]

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! :)

[mattab]

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

[mattab]

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

[mattab]

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

[mattab]

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.

[mattab]

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

[mattab]

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.

[mattab]

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"

[mattab]

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

[mattab]

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

[mattab]

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

[mattab]

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

[mattab]

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

[mattab]

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!

[mattab]

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

[anonymous-matomo-user]

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

[mattab]

Thanks for the report!

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

[anonymous-matomo-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.

[mattab]

Fixed in 42376c17e6dc3bfbac0b687a5ed0582e73c29e43\

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

[mattab]

In c678c1b: Fix tests refs #4127