Lightened color of progress bars

core/src/main/resources/spark/ui/static/webui.css

@@ -47,3 +47,28 @@
   padding-top: 7px;
   padding-left: 4px;
 }
+
+.progress-completed .bar,
+.progress .bar-completed {
+  background-color: #7ccde5;
+  background-image: -moz-linear-gradient(top, #7ccde5, #75c3d9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7ccde5), to(#75c3d9));
+  background-image: -webkit-linear-gradient(top, #7ccde5, #75c3d9);
+  background-image: -o-linear-gradient(top, #7ccde5, #75c3d9);
+  background-image: linear-gradient(to bottom, #7ccde5, #75c3d9);
+  background-repeat: repeat-x;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff7ccde5', endColorstr='#ff75c3d9', GradientType=0);
+}
+
+.progress-running .bar,
+.progress .bar-running {
+  background-color: #cdecf5;
+  background-image: -moz-linear-gradient(top, #cdecf5, #c2e4ee);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cdecf5), to(#c2e4ee));
+  background-image: -webkit-linear-gradient(top, #cdecf5, #c2e4ee);
+  background-image: -o-linear-gradient(top, #cdecf5, #c2e4ee);
+  background-image: linear-gradient(to bottom, #cdecf5, #c2e4ee);
+  background-repeat: repeat-x;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffcdecf5', endColorstr='#ffc2e4ee', GradientType=0);
+}
+

core/src/main/scala/spark/ui/jobs/StageTable.scala

@@ -62,8 +62,8 @@ private[spark] class StageTable(val stages: Seq[Stage], val parent: JobProgressU
       <span style="text-align:center; position:absolute; width:100%;">
         {completed}/{total} {failed}
       </span>
-      <div class="bar" style={completeWidth}></div>
-      <div class="bar bar-info" style={startWidth}></div>
+      <div class="bar bar-completed" style={completeWidth}></div>
+      <div class="bar bar-running" style={startWidth}></div>
     </div>
   }