How do I change the theme/branding?

Asked by ConMotto

I'm running OpenStack Essex on Ubuntu 12.04 using the distribution packages. Canonical (I assume) has branded these with a Ubuntu logo, colors etc., and I'd like to do the same. I don't want to change any of the dashboards functionality, just change the logo and colors to match my organization. Is there a guide or how-to on going about this in a manner non-intrusize to the Horizon source code? Thanks!

Preston

Question information

Language:
English Edit question
Status:
Solved
For:
OpenStack Dashboard (Horizon) Edit question
Assignee:
No assignee Edit question
Solved by:
ConMotto
Solved:
Last query:
Last reply:
Revision history for this message
Tres Henry (tres) said :
#1

All of the Horizon styles are contained in style.css (https://github.com/openstack/horizon/blob/master/openstack_dashboard/static/dashboard/css/style.css). You should be able to completely change the theme with only changes to this file.

Revision history for this message
ConMotto (conmotto) said :
#2

Note: I did find some brief notes at: http://horizon.openstack.org/topics/branding.html

...but it doesn't really match up with whatever Canonical has done, which seems to be...

  /usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/css/style.css

..in Ubuntu 12.04. Since it's system-wide, it's going to either get clobbered on every update, or I'll need to manually forward-port my changes for every package update. Is there perhaps some form of "user.css" that I can create in /etc that would be loaded after all the default stuff? That would give us the ability to override the defaults while not modifying package-supplied files.

Revision history for this message
ConMotto (conmotto) said :
#3

I've figured it out, wrote a brief how-to on the subject have included a few screenshots as well. For others interested in custom branding the dashboard:

http://www.prestonlee.com/2012/05/09/how-to-custom-brand-the-openstack-horizon-dashboard/

Revision history for this message
John Postlethwait (john-postlethwait) said :
#4

Glad you got it all figured out and it worked for you! Nice write-up!

Revision history for this message
Tres Henry (tres) said :
#5

This is awesome! Might be good to talk to Anne Gentle and see if we can put this on wiki.openstack.org somewhere.