DevTools: Adjust bad frames color on timeline flamechart.

Source/devtools/front_end/timeline/TimelineFlameChart.js

 /*
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 556 matching lines @@
      * @param {number} barY
      * @param {number} barWidth
      * @param {number} barHeight
      * @return {boolean}
      */
     decorateEntry: function(entryIndex, context, text, barX, barY, barWidth, barHeight)
     {
         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) {
                 context.fillStyle = this.textColor(entryIndex);
                 context.fillText(frameDurationText, barX + ((barWidth - textWidth) >> 1), barY + barHeight - 3);
             }
             return true;
         }
         if (barWidth < 5)
             return false;
@@ skipping 979 matching lines @@
 /**
   * @constructor
   * @param {!WebInspector.TimelineSelection} selection
   * @param {number} entryIndex
   */
 WebInspector.TimelineFlameChartView.Selection = function(selection, entryIndex)
 {
     this.timelineSelection = selection;
     this.entryIndex = entryIndex;
 }