@mattab opened this Issue on September 6th 2013 Member

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 commented on October 16th 2013

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 commented on October 17th 2013 Member

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 commented on November 22nd 2013 Member

In 4c2f9736268b4b5e20113ad02051610dc16f54b0: 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 commented on November 22nd 2013 Member

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

@mattab commented on November 22nd 2013 Member

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

@mattab commented on November 22nd 2013 Member

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

@mattab commented on November 22nd 2013 Member

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

@mattab commented on November 22nd 2013 Member

In b6f26e58fd9152223221febf407fee5529244ffe: 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 commented on November 22nd 2013 Member

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

@mattab commented on November 22nd 2013 Member

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

@mattab commented on November 22nd 2013 Member

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

@mattab commented on November 22nd 2013 Member

In 2e7d32c5daa999a6c243351faca38e97926e0b93: 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 commented on November 22nd 2013 Member

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

@mattab commented on November 23rd 2013 Member

In ce90029718501c1cc4fd231e20531210c7372c54: 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 commented on November 23rd 2013 Member

In be3f817ecb0297e2f06d94e198d476374b09743a: 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 commented on November 23rd 2013 Member

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

@mattab commented on November 28th 2013 Member

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

@mattab commented on November 28th 2013 Member

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

@mattab commented on December 12th 2013 Member

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

@mattab commented on December 13th 2013 Member

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

@mattab commented on December 13th 2013 Member

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 commented on December 16th 2013 Member

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

@anonymous-matomo-user commented on December 18th 2013

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

@mattab commented on December 18th 2013 Member

Thanks for the report!

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

@anonymous-matomo-user commented on December 18th 2013

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 commented on December 19th 2013 Member

Fixed in https://github.com/piwik/piwik/commit/42376c17e6dc3bfbac0b687a5ed0582e73c29e43\

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

@mattab commented on December 19th 2013 Member

In c678c1b6f8a081d43880a447954ff4d1731d8e1c: Fix tests refs #4127

This Issue was closed on December 19th 2013
Powered by GitHub Issue Mirror