New: Progress bar will be yellow if series is not monitored, but epsiodes are missing

src/UI/Content/legend.less

@@ -29,17 +29,4 @@
       }
     }
   }
-
-  .progress-primary {
-    #gradient > .vertical(#149bdf, #0480be);
-    .transition(width .6s ease);
-  }
-
-  .progress-success {
-    #gradient > .vertical(#62c462, #57a957);
-  }
-
-  .progress-danger {
-    #gradient > .vertical(#ee5f5b, #c43c35);
-  }
 }

src/UI/Handlebars/Helpers/Episode.js

@@ -54,6 +54,10 @@ define(
                 return 'progress-bar-success';
             }
 
+            if (this.monitored) {
                 return 'progress-bar-danger';
+            }
+
+            return 'progress-bar-warning';
         });
     });

src/UI/Series/Index/FooterViewTemplate.html

@@ -1,9 +1,10 @@
 <div class="row">
     <div class="series-legend legend col-xs-6 col-sm-4">
         <ul class='legend-labels'>
-            <li><span class="progress-primary"></span>Continuing (All Episodes downloaded)</li>
+            <li><span class="progress-bar"></span>Continuing (All episodes downloaded)</li>
-            <li><span class="progress-success"></span>Ended (All Episodes downloaded)</li>
+            <li><span class="progress-bar-success"></span>Ended (All episodes downloaded)</li>
-            <li><span class="progress-danger"></span>Missing Episodes</li>
+            <li><span class="progress-bar-danger"></span>Missing Episodes (Series monitored)</li>
+            <li><span class="progress-bar-warning"></span>Missing Episodes (Series not monitored)</li>
         </ul>
     </div>
     <div class="col-xs-5 col-sm-7">