[Devtools] Added product classification colorize rows to network panel

third_party/WebKit/Source/devtools/front_end/network_group_lookup/NetworkProductGroupLookup.js

Index: third_party/WebKit/Source/devtools/front_end/network_group_lookup/NetworkProductGroupLookup.js
diff --git a/third_party/WebKit/Source/devtools/front_end/network_group_lookup/NetworkProductGroupLookup.js b/third_party/WebKit/Source/devtools/front_end/network_group_lookup/NetworkProductGroupLookup.js
index 92302ff45997de4560ef5f58f4e8834a7e7cf6c1..1262dd93ea9ff4831bab0d5ba0fdc2c1e870ca6f 100644
--- a/third_party/WebKit/Source/devtools/front_end/network_group_lookup/NetworkProductGroupLookup.js
+++ b/third_party/WebKit/Source/devtools/front_end/network_group_lookup/NetworkProductGroupLookup.js
@@ -130,11 +130,18 @@ NetworkGroupLookup.NetworkProductTypeGroupLookup = class {
     if (typeName === null)
       return;
     var icon = UI.Icon.create('smallicon-network-product');
-    if (typeName === 1)
+    var color;
+    if (typeName === 1) {
+      color = Common.Color.fromRGBA([255, 252, 225, .6]);
       icon.style.filter = 'hue-rotate(220deg) brightness(1.5)';
-    if (typeName === 2)
+    } else if (typeName === 2) {
+      color = Common.Color.fromRGBA([211, 253, 211, .6]);
       icon.style.filter = 'hue-rotate(-90deg) brightness(1.5)';
+    } else {
+      color = Common.Color.fromRGBA([224, 247, 250, .6]);
+    }
     node.setIconForColumn('product-extension', icon);
+    node.setBackgroundColor(color);
   }
 };