DevTools: render DOM markers with their colors

Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js

Index: Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
diff --git a/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js b/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
index 3eba21b2e23cedfa5ecbfe41cb5890e1ace741cd..65e6d856106e13322644f62b5071434436a699aa 100644
--- a/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
+++ b/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
@@ -501,11 +501,11 @@ WebInspector.DOMBreakpointsSidebarPane.MarkerDecorator.prototype = {
     /**
      * @override
      * @param {!WebInspector.DOMNode} node
-     * @return {?string}
+     * @return {?{title: string, color: string}}
      */
     decorate: function(node)
     {
-        return WebInspector.UIString("DOM Breakpoint");
+        return { title: WebInspector.UIString("DOM Breakpoint"), color: "rgb(105, 140, 254)" };
     }
 }