Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

New Default Theme for Piwik 2: Morpheus #4127

Closed
mattab opened this Issue · 27 comments

2 participants

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

@mattab
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!

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

@mattab
Owner

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

@mattab
Owner

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

@mattab
Owner

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

@mattab
Owner

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

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

@mattab
Owner

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

@mattab
Owner

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

@mattab
Owner

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

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

@mattab
Owner

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

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

@mattab
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"

@mattab
Owner

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

@mattab
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!

@mattab
Owner

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

@mattab
Owner

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

@mattab
Owner

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

@mattab
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!

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

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

@mattab
Owner

Fixed in 42376c1

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

@mattab
Owner

In c678c1b: Fix tests refs #4127

@mattab mattab added this to the 2.0.1 - Piwik 2.0.1 milestone
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab 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
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab mattab Refs #4127 adding new icons set to Morpheus theme 64cfe78
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab 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
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab mattab Refs #4127 images in CSS with url('path or url("path or url(path shou…
…ld be replaced
5e819a5
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab mattab Refs #4127 Sub menu "Visitors" should fit in the screen width on a re…
…solution of 1280
f8f4a8f
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab 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
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab 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
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab 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
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab mattab Refs #4127 #3942 Example javascripts for Morpheus theme ce51ade
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab 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
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab mattab Refs #4127 Latest updates to theme: form elements themed, line charts…
…, Help icon (looks great!), inline help and other design improvements
6686b4e
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab mattab refs #4127 Adding colors palette for graph data series bbc6dc4
@sabl0r sabl0r referenced this issue from a commit in sabl0r/piwik
@mattab 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.