+ Start a Discussion
sidvidsidvid 

New UI theme

Does anyone know if I can change the colors of UI theme by providing my own CSS?

Has anyone tried it? Can you tell me how can I do that?

Best Answer chosen by Admin (Salesforce Developers) 
EnthEnth

Yes, as Chris has already replied, the CSS can only be extended on VF pages, not standard pages. There's a number of changes to make, this is one example which should change just the tab bar (untested):

 

body .tabsNewBar .tabNavigation { background:url("https://www.mydomain.com/img/mySkin/tabbar_sprite.png") repeat-x scroll left -73px transparent; }

And upload your own tabbar_sprite.png background image to your server. (Actually, better to upload your images as documents, make them externally available, and put the relative URL in for them. This prevents getting HTTPS security errors). 

 

 

 

If you don't like the new look and feel, and don't want to use Chatter then don't use it I'm afraid, but I suspect one day you'll be forced to. Worth voting on the Idea to be able to extend or customise the SF look and feel to match corporate colours.

 

I couldn't find the idea I voted on over a year ago, so started a new one: https://sites.secure.force.com/ideaexchange/ideaView?c=09a30000000D9xt&id=08730000000GwCo&returnUrl=%2Fapex%2FideaList%3Fc%3D09a30000000D9xt%26sort%3Drecent

 

All Answers

EnthEnth

Did this with the old theme for VF pages by using a custom CSS which overrode the standard SF classes - but this is not recommended or supported by SF. If they chose to change a classname in the future (and there's more to come on new UI) then your customisation won't work anymore.

 

Don't see any reason the new UI is different, just a different CSS at the end of the day. 

 

If you want to test this out, try using Firebug plugin for Firefox or similar browser tools and edit the CSS on the fly. All you then need to do is upload your CSS as a static resource and reference it in VF, or include an inline style.  

Message Edited by Enth on 29-03-2010 11:17 PM
sidvidsidvid
OK can I do the same for the new UI theme. Users don't like the new theme with Blue colors. Can we just provide our CSS with new colors?
Chris987654321Chris987654321
I don't think you can just upload a CSS and it will change everwhere. You can make your own custom Visual Force page with your own CSS and that and only that VF page will look different. 
EnthEnth

Yes, as Chris has already replied, the CSS can only be extended on VF pages, not standard pages. There's a number of changes to make, this is one example which should change just the tab bar (untested):

 

body .tabsNewBar .tabNavigation { background:url("https://www.mydomain.com/img/mySkin/tabbar_sprite.png") repeat-x scroll left -73px transparent; }

And upload your own tabbar_sprite.png background image to your server. (Actually, better to upload your images as documents, make them externally available, and put the relative URL in for them. This prevents getting HTTPS security errors). 

 

 

 

If you don't like the new look and feel, and don't want to use Chatter then don't use it I'm afraid, but I suspect one day you'll be forced to. Worth voting on the Idea to be able to extend or customise the SF look and feel to match corporate colours.

 

I couldn't find the idea I voted on over a year ago, so started a new one: https://sites.secure.force.com/ideaexchange/ideaView?c=09a30000000D9xt&id=08730000000GwCo&returnUrl=%2Fapex%2FideaList%3Fc%3D09a30000000D9xt%26sort%3Drecent

 

This was selected as the best answer
sidvidsidvid
Ok Thanks. This is interesting..... there is no flexibility for the developers to change the new UI theme from blue to something else(or more colors apart from blue). I thot that they will provide more options.