DevTools: Make frames on timeline flamechart of lightgray color.

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 562 matching lines @@
     {
         var frame = this._entryIndexToFrame[entryIndex];
         if (frame) {
             var /** @const */ vPadding = 1;
             var /** @const */ hPadding = 1;
             barX += hPadding;
             barWidth -= 2 * hPadding;
             barY += vPadding;
             barHeight -= 2 * vPadding + 1;
 
-            context.fillStyle = frame.hasWarnings() ? "hsl(0, 80%, 70%)" : "white";
+            context.fillStyle = frame.idle ? "white" : frame.hasWarnings() ? "hsl(0, 80%, 70%)" : "#eee";
             context.fillRect(barX, barY, barWidth, barHeight);
 
             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;
         }
@@ skipping 981 matching lines @@
 /**
   * @constructor
   * @param {!WebInspector.TimelineSelection} selection
   * @param {number} entryIndex
   */
 WebInspector.TimelineFlameChartView.Selection = function(selection, entryIndex)
 {
     this.timelineSelection = selection;
     this.entryIndex = entryIndex;
 }