DevTools: Adjust bad frames color on timeline flamechart.

Source/devtools/front_end/timeline/TimelineFrameModel.js

 /*
  * Copyright (C) 2013 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 554 matching lines @@
     this.cpuTime = 0;
     this.idle = false;
     /** @type {?WebInspector.DeferredLayerTree} */
     this.layerTree = null;
     /** @type {number|undefined} */
     this._mainFrameId = undefined;
 }
 
 WebInspector.TimelineFrame.prototype = {
     /**
+     * @return {boolean}
+     */
+    hasWarnings: function()
+    {
+        var /** @const */ longFrameDurationThresholdMs = 18;
+        return !this.idle && this.duration > longFrameDurationThresholdMs;
+    },
+
+    /**
      * @param {number} endTime
      */
     _setEndTime: function(endTime)
     {
         this.endTime = endTime;
         this.duration = this.endTime - this.startTime;
     },
 
     /**
      * @param {?WebInspector.DeferredLayerTree} layerTree
@@ skipping 101 matching lines @@
 WebInspector.PendingFrame = function(triggerTime, timeByCategory)
 {
     /** @type {!Object.<string, number>} */
     this.timeByCategory = timeByCategory;
     /** @type {!Array.<!WebInspector.LayerPaintEvent>} */
     this.paints = [];
     /** @type {number|undefined} */
     this.mainFrameId = undefined;
     this.triggerTime = triggerTime;
 }