DevTools: highlight page regions as paths, not quads

Source/devtools/front_end/common/Color.js

 /*
  * Copyright (C) 2009 Apple Inc.  All rights reserved.
  * 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
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 609 matching lines @@
 WebInspector.Color.PageHighlight = {
     Content: WebInspector.Color.fromRGBA([111, 168, 220, .66]),
     ContentLight: WebInspector.Color.fromRGBA([111, 168, 220, .5]),
     ContentOutline: WebInspector.Color.fromRGBA([9, 83, 148]),
     Padding: WebInspector.Color.fromRGBA([147, 196, 125, .55]),
     PaddingLight: WebInspector.Color.fromRGBA([147, 196, 125, .4]),
     Border: WebInspector.Color.fromRGBA([255, 229, 153, .66]),
     BorderLight: WebInspector.Color.fromRGBA([255, 229, 153, .5]),
     Margin: WebInspector.Color.fromRGBA([246, 178, 107, .66]),
     MarginLight: WebInspector.Color.fromRGBA([246, 178, 107, .5]),
-    EventTarget: WebInspector.Color.fromRGBA([255, 196, 196, .66])
+    EventTarget: WebInspector.Color.fromRGBA([255, 196, 196, .66]),
+    Shape: WebInspector.Color.fromRGBA([96, 82, 177, 0.8]),
+    ShapeMargin: WebInspector.Color.fromRGBA([96, 82, 127, .6])
 }
 
 WebInspector.Color.Format = {
     Original: "original",
     Nickname: "nickname",
     HEX: "hex",
     ShortHEX: "shorthex",
     RGB: "rgb",
     RGBA: "rgba",
     HSL: "hsl",
     HSLA: "hsla"
 }