DevTools: eliminate ToolbarButton.setState method; cleanup toolbar.css

third_party/WebKit/Source/devtools/front_end/network/module.json

 {
     "extensions": [
         {
             "type": "view",
             "location": "panel",
             "id": "network",
             "title": "Network",
             "order": 40,
             "className": "WebInspector.NetworkPanel"
         },
@@ skipping 24 matching lines @@
             "type": "@WebInspector.ActionDelegate",
             "actionId": "network.blocked-urls.show",
             "className": "WebInspector.BlockedURLsPane.ActionDelegate",
             "iconClass": "block-toolbar-item",
             "title": "Block network requests"
         },
         {
             "type": "@WebInspector.ActionDelegate",
             "actionId": "network.toggle-recording",
             "iconClass": "record-toolbar-item",
+            "toggledIconClass": "active-recording-toolbar-item",
+            "toggleWithRedColor": true,

[pfeldman, 2016/12/10 00:11:39]

I don't think this is particularly extensible.

             "contextTypes": ["WebInspector.NetworkPanel"],
             "className": "WebInspector.NetworkPanel.RecordActionDelegate",
             "options": [
                 { "value": true, "title": "Record network log" },
                 { "value": false, "title": "Stop recording network log" }
             ],
             "bindings": [
                 {
                     "platform": "windows,linux",
                     "shortcut": "Ctrl+E"
@@ skipping 66 matching lines @@
         "networkPanel.css",
         "networkTimelineColumn.css",
         "requestCookiesView.css",
         "requestHeadersTree.css",
         "requestHeadersView.css",
         "webSocketFrameView.css",
         "xmlTree.css",
         "xmlView.css"
     ]
 }