14 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.


 Download package
version 1.0.1

NuGet install instructions for Umbraco 7.0.0-7.9.0

Install-Package Our.Umbraco.CmsEnvironmentIndicator

Package owner

Lee Kelleher

Lee Kelleher

Lee has 15802 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Works on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions: 8.0.x, 7.15.x, 7.14.x, 7.13.x, 7.12.x, 7.11.x, 7.10.x, 7.9.x, 7.8.x, 7.7.x, 7.6.x, 7.4.x, 7.3.x, 7.2.x, 7.1.x, 7.0.x

Package Information

  • Package owner: Lee Kelleher
  • Created: 02/09/2014
  • Current version 1.0.1
  • .NET version 4.5
  • License MIT
  • Downloads on Our: 3K
  • Downloads on NuGet: 24K
  • Total downloads : 27K