DevTools: make flame chart a web component.

Source/devtools/front_end/main/Main.js

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 165 matching lines @@
                 "disableAgentsWhenProfile",
                 "timelineJSCPUProfile",
             ]);
         }
     },
 
     _createAppUI: function()
     {
         console.timeStamp("Main._createApp");
 
-        WebInspector.installPortStyles();
+        WebInspector.installComponentRootStyles(/** @type {!Element} */ (document.body));
         if (Runtime.queryParam("toolbarColor") && Runtime.queryParam("textColor"))
             WebInspector.setToolbarColors(Runtime.queryParam("toolbarColor"), Runtime.queryParam("textColor"));
         InspectorFrontendHost.events.addEventListener(InspectorFrontendHostAPI.Events.SetToolbarColors, updateToolbarColors);
         /**
          * @param {!WebInspector.Event} event
          */
         function updateToolbarColors(event)
         {
             WebInspector.setToolbarColors(/** @type {string} */ (event.data["backgroundColor"]), /** @type {string} */ (event.data["color"]));
         }
@@ skipping 680 matching lines @@
     /**
      * @param {!WebInspector.Event} event
      */
     _inspectNode: function(event)
     {
         WebInspector.Revealer.reveal(/** @type {!WebInspector.DOMNode} */ (event.data));
     }
 }
 
 new WebInspector.Main();