Visually differentiate dev/test/prod/localdev environments

edivorce/apps/core/static/css/main.scss

@@ -381,6 +381,9 @@ textarea {
 		    margin-left: 10px;
 			font-size: 12px;
 			text-transform: uppercase;
+			&.environment-type {
+				background-color: #B200FF;
+			}
 		}
 	}
 

edivorce/apps/core/templates/base.html

@@ -33,7 +33,17 @@
                     <div class="col-sm-8">
                         <div class="top_banner-logo">
                             <a href="{% url 'intro' %}"><img src="{% static 'svg/bc-logo.svg' %}" /></a>
-                            <p>Online Divorce Assistant <span class="beta">beta</span></p>
+                            <p>Online Divorce Assistant
+                                {% if request.path|slice:":12" == '/divorce-dev' %}
+                                    <span class="beta environment-type">dev</span>
+                                {% elif request.path|slice:":13" == '/divorce-test' %}
+                                    <span class="beta environment-type">test</span>
+                                {% elif request.path|slice:":18" != '/divorce' %}
+                                    <span class="beta environment-type">localdev</span>
+                                {% else %}
+                                    <span class="beta">beta</span>
+                                {% endif %}
+                            </p>
                         </div>
                     </div>
                     <div class="col-sm-4">

edivorce/apps/core/templates/localdev/bceid.html

@@ -53,7 +53,8 @@
                 <div class="col-sm-7 col-md-8">
                     <div class="panel">
                         <div class="panel-heading">
-                            Log in with <span id="bceidLogo" class="environment-logo bceid-environment-prod"></span>
+                            Log in with
+                            <span id="bceidLogo" class="environment-logo bceid-environment-devv2"></span>
                         </div>
                         <div class="panel-body">
                             <div class="form-element form-group">