Can we brand Staging environment(Sandbox) differently than production environment because it was causing confusion with the end users not knowing which they were logging into. With more users moving over, this continues to be a problem.

I know we can use Salesforce Colored Favicon chrome extension.Do we have any other options other than installing chrome extension ?

5 Answers 5


I have added below html code to home page component

.bPageHeader .phHeader TD.searchCell{background-color:green;background-image:none;}
.bPageHeader TD.vtop:right{background-color:green;background-image:none;}

enter image description here enter image description here enter image description here

  • 1
    Nice - Always the innovator!
    – Eric
    Jul 17, 2015 at 16:18
  • 1
    Great idea - like it Jul 21, 2015 at 21:01
  • Tried it, its not working.. donno what wrong am doing. Jul 23, 2015 at 4:48
  • Got it working by checking in Messages & Alerts present in Home Page Layouts Jul 23, 2015 at 4:51
  • This works great on the data pages. Is there a way to also change this color on the setup pages?
    – liebs19
    Oct 9, 2015 at 15:17

Here's a few more options

  1. You can brand Salesforce1 to be different colors and show a different image on loading between environments: enter image description here

  2. You can brand the Console to be different between environments.

  3. You can change your logo to be different between environments: enter image description here

The already there solution to this is to train your end users to always look in the top right hand corner for the black box that will tell them they are in a sandbox and which sandbox:

sandbox indicator

I know this requires attention to detail that is not always present but if you remind people often enough the idea may stick...

  • I agree. If you change color scheme you will have the same issue. People will say the color is not enough, they get to used to processes and not detail. Train, train, reenforce, train.
    – Eric
    Jul 17, 2015 at 15:58
  • Before Salesforce took away our sidebar hacks, we could have done something. Ah well.
    – sfdcfox
    Jul 17, 2015 at 16:07

Ah @sherod has just released a chrome extension that will do this. I can't find the link to it at the moment because searching for chrome extensions on mobile is almost impossible, but here is his tweet about it https://twitter.com/sherod/status/618730817762652160


I always change the logo in the upper left to have our company logo, then the environment name in large unmissable red letters.

  • Setup > Create > Apps...
  • Click "Edit" next to your app
  • Look for "Choose the Image Source for the Custom App Logo"

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .