[Devtools] Network waterfall and grid rows feed bg color from same place

third_party/WebKit/Source/devtools/front_end/network/NetworkWaterfallColumn.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 Network.NetworkWaterfallColumn = class extends UI.VBox {
   /**
    * @param {number} rowHeight
    * @param {!Network.NetworkTimeCalculator} calculator
    */
   constructor(rowHeight, calculator) {
     // TODO(allada) Make this a shadowDOM when the NetworkWaterfallColumn gets moved into NetworkLogViewColumns.
@@ skipping 31 matching lines @@
 
     /** @type {?Network.NetworkNode} */
     this._hoveredNode = null;
 
     /** @type {!Map<string, !Array<number>>} */
     this._eventDividers = new Map();
 
     /** @type {(number|undefined)} */
     this._updateRequestID;
 
-    var colorUsage = UI.ThemeSupport.ColorUsage;
-    this._rowNavigationRequestColor = UI.themeSupport.patchColorText('#def', colorUsage.Background);
-    this._rowStripeColor = UI.themeSupport.patchColorText('#f5f5f5', colorUsage.Background);
-    this._rowHoverColor = UI.themeSupport.patchColorText(
-        '#ebf2fc', /** @type {!UI.ThemeSupport.ColorUsage} */ (colorUsage.Background | colorUsage.Selection));
-    this._parentInitiatorColor = UI.themeSupport.patchColorText('hsla(120, 68%, 54%, 0.2)', colorUsage.Background);
-    this._initiatedColor = UI.themeSupport.patchColorText('hsla(0, 68%, 54%, 0.2)', colorUsage.Background);
-
     this.element.addEventListener('mousemove', this._onMouseMove.bind(this), true);
     this.element.addEventListener('mouseleave', event => this._setHoveredNode(null, false), true);
 
     this._styleForTimeRangeName = Network.NetworkWaterfallColumn._buildRequestTimeRangeStyle();
 
     var resourceStyleTuple = Network.NetworkWaterfallColumn._buildResourceTypeStyle();
     /** @type {!Map<!Common.ResourceType, !Network.NetworkWaterfallColumn._LayerStyle>} */
     this._styleForWaitingResourceType = resourceStyleTuple[0];
     /** @type {!Map<!Common.ResourceType, !Network.NetworkWaterfallColumn._LayerStyle>} */
     this._styleForDownloadingResourceType = resourceStyleTuple[1];
@@ skipping 516 matching lines @@
       path.rect(start, middleBarY, end - start, height - lineWidth);
     }
   }
 
   /**
    * @param {!CanvasRenderingContext2D} context
    * @param {!Network.NetworkNode} node
    * @param {number} y
    */
   _decorateRow(context, node, y) {
-    var isStriped = node.isStriped();
-    if (!isStriped && !node.hovered() && !node.isNavigationRequest() && !node.isOnInitiatorPath() &&
-        !node.isOnInitiatedPath())
-      return;
-
-    var color = getRowColor.call(this);
-    if (color === 'transparent')
-      return;
     context.save();
     context.beginPath();
-    context.fillStyle = color;
+    context.fillStyle = node.backgroundColor();
     context.rect(0, y, this._offsetWidth, this._rowHeight);
     context.fill();
     context.restore();
-
-    /**
-     * @return {string}
-     * @this {Network.NetworkWaterfallColumn}
-     */
-    function getRowColor() {
-      if (node.hovered())
-        return this._rowHoverColor;
-      if (node.isOnInitiatorPath())
-        return this._parentInitiatorColor;
-      if (node.isOnInitiatedPath())
-        return this._initiatedColor;
-      if (node.isNavigationRequest())
-        return this._rowNavigationRequestColor;
-      if (!isStriped)
-        return 'transparent';
-      return this._rowStripeColor;
-    }
   }
 };
 
 /** @typedef {!{fillStyle: (string|undefined), lineWidth: (number|undefined), borderColor: (string|undefined)}} */
 Network.NetworkWaterfallColumn._LayerStyle;
 
 /** @typedef {!{x: number, y: number, text: string}} */
-Network.NetworkWaterfallColumn._TextLayer;
+Network.NetworkWaterfallColumn._TextLayer;