[theme] New Jenkins Material Design Theme

[Afonso F]

Hi guys,

I created a Jenkins theme based on Google Material Design. It changes the layout and icons using SVG ones. Take a look!

http://afonsof.com/jenkins-material-theme/

[Slide]

I really like this theme, nice work!

--
You received this message because you are subscribed to the Google Groups "Jenkins Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jenkinsci-use...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-users/e1a3564b-cd21-4acc-b74b-645cddfd1902%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Baptiste Mathus]

+1. Nice!

Quick feedback: IMO, you should put bigger (or zoomable) screenshots on your website. I just had a look and would have liked being able to see things a bit more closely.

Thanks!

To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-users/CAPiUgVcCLNubvcptFsVXNaJp92ar9bWv_5%2BUCd_BWEbd3szk3A%40mail.gmail.com.

[Mohan PAKALAPATI]

Looks great
+1

[Afonso F]

Thanks for your feedback Baptiste!

Bigger images there :D

You received this message because you are subscribed to a topic in the Google Groups "Jenkins Users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/jenkinsci-users/j-61ry_Qp6M/unsubscribe.
To unsubscribe from this group and all its topics, send an email to jenkinsci-use...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-users/CANWgJS4jxHnBa26nT11zXiWPSFCVLyYDpjE4rA0FqbRy904aRA%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

--

Afonso F

[Michael Neale]

Super nice. I love material design!

Nice work. 

[Slide]

One thing I have found is that the large folder icon is not replaced with the updated icons for the Cloudbees Folder Plugin. Not a big issue, just wanted to let you know.

--
You received this message because you are subscribed to the Google Groups "Jenkins Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jenkinsci-use...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-users/4421b253-75b1-406c-b1ee-6096011d4ed0%40googlegroups.com.

[Afonso F]

How can I see that screen? I installed the Cloudbees Folder Plugin but I'm using a self hosted Jenkins server.

Some plugins use their own images, in that case it's hard to replace by a new one.

Thanks for your feedback.

[Slide]

I just opened one of the folders that I setup to view the items inside. 

To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-users/025e2dbc-a364-4a66-9194-c059bca5ecb4%40googlegroups.com.

[James Dumay]

Hi Afonso,

Super impressed with your work here! Google have done an excellent job with their Material Design Language – works well in a lot of situations.

Did you have to do any changes that could break plugin compatibility along the way? I know when various people have looked at this sort of work here at CloudBees we've found it difficult to do this in a way that doesn't mess up plugins. If there is anything you could share on this topic that would be fantastic.

Thanks,

James Dumay

CloudBees

On Friday, January 22, 2016 at 4:16:50 AM UTC+11, Afonso F wrote:

[jieryn]

+1

Default no-plugin install looks beautiful. Soon as you add any plugin that adds an Action, it doesn't look so good anymore (mixed icons).

--
You received this message because you are subscribed to the Google Groups "Jenkins Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jenkinsci-use...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-users/31c07159-c02b-4742-a079-9717c6fb7dcf%40googlegroups.com.

[Afonso F]

Hi jierin,

The theme still need a lot of improvements, I created with some restrictions in mind:

• Do not make it heavy: Using SVG images avoid the necessity of multi-size images
• Do not use external resources: All images were embeded to the css file (planning to do the same with Roboto font)
• Do not change Jenkins structure: It might affect a plugin behavior
• Do not use Javascript: I don't want to make it complex or slow. Only one css can be used in a sort of ways. Simple Theme Plugin, Self hosted, Stylish etc.
  
• Use the power of community: There are lots of Jenkins plugins and I know that I wont be able to make it works with all of them. But we can try to adapt to the most popular ones. We are receiving some pull requests and issues with plugin incompatibilities fixes.

I hope in few weeks, with the increase of people using it and reporting bugs we may release a gorgeous version!

Feel free to help us opening issues or pull requests :D

You received this message because you are subscribed to a topic in the Google Groups "Jenkins Users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/jenkinsci-users/j-61ry_Qp6M/unsubscribe.
To unsubscribe from this group and all its topics, send an email to jenkinsci-use...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-users/CAArU9iZm1uEpoQ%2BdOUTQAOHFp3hq74SKCRHym82qh%2Bsh%2BcnYfA%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

--

Afonso F