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 ?


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 '15 at 16:18
  • 1
    Great idea - like it – Michael Gill Jul 21 '15 at 21:01
  • Tried it, its not working.. donno what wrong am doing. – Pranay Jaiswal Jul 23 '15 at 4:48
  • Got it working by checking in Messages & Alerts present in Home Page Layouts – Pranay Jaiswal Jul 23 '15 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 '15 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 '15 at 15:58
  • Before Salesforce took away our sidebar hacks, we could have done something. Ah well. – sfdcfox Jul 17 '15 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"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.