13 votes

CMS Environment Indicator

When developing websites using Umbraco in multi-environment solution, you can often get confused which environment you are currently looking at.

As a visual aid, this package will add a colour-coded indicator in the CMS back-office - this is applied to both the favicon (in the browser tab/title-bar) and adds a stripe to your avatar (in the top-left navigation).

This package was developed and tested against Umbraco v7+ on the Umbraco-as-a-Service platform.


Changing the colours

If you want to modify the default colours, you can do this by editing the "/App_Plugins/CmsEnvironmentIndicator/js/cms-environment-indicator.js" script. You'll find a JavaScript array called "config", there you can modify the existing colours and/or add new hostname/colour combinations. The hostnames are defined as Regular Expressions, so don't forget to escape any dots, etc.


Project owner

Lee Kelleher

Lee Kelleher

Lee has 13790 karma points

Project Compatibility

This project is compatible with the following versions as reported by community members who have downloaded this package:
Works on Umbraco Cloud
7.10.x (untested)
7.9.x (untested)
7.8.x (untested)
7.7.x (untested)
7.6.x (100%)
7.5.x (50%)
7.4.x (100%)
7.3.x (100%)
7.2.x (100%)
7.1.x (100%)
7.0.x (100%)
6.1.x (0%)
6.0.x (0%)

You must login before you can report on package compatibility.

Project Information

  • Project owner: Lee Kelleher
  • Created: 02/09/2014
  • Current version 1.0.1
  • .net Version 4.5
  • License MIT
  • Downloads: 1491