Timeline: simplify handling of event category colors

third_party/WebKit/Source/devtools/front_end/timeline/TimelineEventOverview.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 320 matching lines @@
              */
             function onEventEnd(e)
             {
                 quantizer.appendInterval(e.endTime, categoryIndexStack.pop());
             }
 
             WebInspector.TimelineModel.forEachEvent(events, onEventStart, onEventEnd);
             quantizer.appendInterval(timeOffset + timeSpan + quantTime, idleIndex);  // Kick drawing the last bucket.
             for (var i = categoryOrder.length - 1; i > 0; --i) {
                 paths[i].lineTo(width, height);
-                ctx.fillStyle = categories[categoryOrder[i]].fillColorStop1;
+                ctx.fillStyle = categories[categoryOrder[i]].color;
                 ctx.fill(paths[i]);
             }
         }
 
         /**
          * @param {!CanvasRenderingContext2D} ctx
          */
         function applyPattern(ctx)
         {
             var step = 4 * window.devicePixelRatio;
@@ skipping 477 matching lines @@
             counters[group] = this._quantDuration;
             this._callback(counters);
             interval -= this._quantDuration;
         }
         this._counters = [];
         this._counters[group] = interval;
         this._lastTime = time;
         this._remainder = this._quantDuration - interval;
     }
 }