DevTools: Adjust bad frames color on timeline flamechart.

Source/devtools/front_end/timeline/TimelineFlameChart.js

Index: Source/devtools/front_end/timeline/TimelineFlameChart.js
diff --git a/Source/devtools/front_end/timeline/TimelineFlameChart.js b/Source/devtools/front_end/timeline/TimelineFlameChart.js
index de2e390c6673a0d90b0b987872b92d9d4f7eba60..02d5ed5c0e202cadec7abbaa601af3c543d120fb 100644
--- a/Source/devtools/front_end/timeline/TimelineFlameChart.js
+++ b/Source/devtools/front_end/timeline/TimelineFlameChart.js
@@ -574,22 +574,15 @@ WebInspector.TimelineFlameChartDataProvider.prototype = {
         var frame = this._entryIndexToFrame[entryIndex];
         if (frame) {
             var /** @const */ vPadding = 1;
-            var /** @const */ hPadding = 2;
+            var /** @const */ hPadding = 1;
             barX += hPadding;
             barWidth -= 2 * hPadding;
             barY += vPadding;
             barHeight -= 2 * vPadding + 1;
 
-            context.fillStyle = frame.idle ? "#eee" : "#ccc";
+            context.fillStyle = frame.hasWarnings() ? "hsl(0, 80%, 70%)" : "white";
             context.fillRect(barX, barY, barWidth, barHeight);
 
-            // Draw frame perforation.
-            context.fillStyle = "white";

[yurys, 2015/06/17 13:16:29]

Please note this in the description.

[alph, 2015/06/17 13:23:18]

Done.

-            for (var i = 1; i < barWidth; i += 4) {
-                context.fillRect(barX + i, barY + 1, 2, 2);
-                context.fillRect(barX + i, barY + barHeight - 3, 2, 2);
-            }
-
             var frameDurationText = Number.preciseMillisToString(frame.duration, 1);
             var textWidth = context.measureText(frameDurationText).width;
             if (barWidth > textWidth) {