add colors to good and bad

html5/verto/verto_communicator/src/css/verto.css

@@ -1506,10 +1506,18 @@ body:-webkit-full-screen #incall .video-footer {
   color: #333 !important;
 }
 
-.net-info .dedenc {
+.net-info .yellow {
   color: #e3d95b;
 }
 
+.net-info .green {
+  color: #00ae00;
+}
+
+.net-info .red {
+  color: #ae0000;
+}
+
 #mic-meter {
   position: absolute;
   bottom: 5px;

html5/verto/verto_communicator/src/vertoControllers/controllers/MenuController.js

@@ -24,12 +24,12 @@
            bwp--;
         }
 
-        $scope.iconClass = 'mdi-device-signal-wifi-4-bar';                      
+        $scope.iconClass = 'mdi-device-signal-wifi-4-bar green';                      
 
         if (bwp < 4) {
-           $scope.iconClass = 'mdi-device-signal-wifi-3-bar';
+           $scope.iconClass = 'mdi-device-signal-wifi-3-bar yellow';
         } else if (bwp < 2) {
-           $scope.iconClass = 'mdi-device-signal-wifi-1-bar dedenc';
+           $scope.iconClass = 'mdi-device-signal-wifi-1-bar red';
         }
 
         verto.videoQuality.forEach(function(vid) {