Added olive-green color for transient in sunburst legend

Change-Id: I1a3788cb8f8dfa2c64058b625537fd57cd187b65

README.rst

@@ -4,6 +4,7 @@ Team and repository tags
 
 .. image:: http://governance.openstack.org/badges/vitrage-dashboard.svg
     :target: http://governance.openstack.org/reference/tags/index.html
+    :remote:
 
 .. Change things from this point on
 

vitrage_dashboard/dashboard/static/dashboard/project/assets/bell_gray_on.svg

@@ -18,7 +18,7 @@
    inkscape:version="0.48.4 r9939"
    width="100%"
    height="100%"
-   sodipodi:docname="bell_green_on.svg"><metadata
+   sodipodi:docname="bell_gray_on.svg"><metadata
      id="metadata3393"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs

vitrage_dashboard/dashboard/static/dashboard/project/entities/graph/entities-graph.scss

@@ -3,6 +3,7 @@ $vitrage_red: #FA3C3C;
 $vitrage_orange: #fc9100;
 $vitrage_yellow: #FCD20E;
 $vitrage_green: #87CE53;
+$vitrage_olive: #97A560;
 $vitrage_gray: #AEAEAE;
 $dark_gray: darkgray;
 
@@ -91,6 +92,10 @@ $dark_gray: darkgray;
         stroke: $vitrage_green;
       }
 
+      &.olive {
+        stroke: $vitrage_olive;
+      }
+
       &.gray {
         stroke: $vitrage_gray;
       }

vitrage_dashboard/dashboard/static/dashboard/project/layout/main/compute/compute.html

@@ -25,7 +25,9 @@
                             <div class="col-md-9">
                                 <div class="legend-container">
                                     <div class="circle green-background floating-to-the-left"></div>
-                                    <div class="floating-to-the-left more-margin">OK/TRANSIENT</div>
+                                    <div class="floating-to-the-left more-margin">OK</div>
+                                    <div class="circle olive-background floating-to-the-left"></div>
+                                    <div class="floating-to-the-left more-margin">TRANSIENT</div>
                                     <div class="circle yellow-background floating-to-the-left"></div>
                                     <div class="floating-to-the-left more-margin">SUBOPTIMAL</div>
                                     <div class="circle red-background floating-to-the-left"></div>

vitrage_dashboard/dashboard/static/dashboard/project/layout/main/compute/compute.scss

@@ -30,6 +30,10 @@
     background: #3DAA00;
   }
 
+  .olive-background {
+    background: #97A560;
+  }
+
   .yellow-background {
     background: #FCD20E;
   }

vitrage_dashboard/dashboard/static/dashboard/project/vitrage.scss

@@ -28,6 +28,10 @@
   color: #87CE53;
 }
 
+.olive {
+  color: #97A560;
+}
+
 .gray {
   color: #AEAEAE;
 }