DevTools: Show FMP markers on timeline experiment

third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js

Index: third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js
diff --git a/third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js b/third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js
index 5751bfe8e14f2e79d76aa6541947d949c73970da..82f88606f8f0145916cfbad6a44dbfa7be7de505 100644
--- a/third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js
+++ b/third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js
@@ -1640,13 +1640,13 @@ Timeline.TimelineUIUtils = class {
    * @return {!Timeline.TimelineMarkerStyle}
    */
   static markerStyleForEvent(event) {
-    var red = 'rgb(255, 0, 0)';
-    var blue = 'rgb(0, 0, 255)';
-    var orange = 'rgb(255, 178, 23)';
-    var green = 'rgb(0, 130, 0)';
-    var tallMarkerDashStyle = [10, 5];
-
-    var title = Timeline.TimelineUIUtils.eventTitle(event);
+    const red = 'rgb(255, 0, 0)';
+    const blue = 'rgb(0, 0, 255)';
+    const orange = 'rgb(255, 178, 23)';
+    const green = 'rgb(0, 130, 0)';
+    const purple = '#a2f';
+    const tallMarkerDashStyle = [10, 5];
+    const title = Timeline.TimelineUIUtils.eventTitle(event);
 
     if (event.hasCategory(TimelineModel.TimelineModel.Category.Console) ||
         event.hasCategory(TimelineModel.TimelineModel.Category.UserTiming)) {
@@ -1654,7 +1654,7 @@ Timeline.TimelineUIUtils = class {
         title: title,
         dashStyle: tallMarkerDashStyle,
         lineWidth: 0.5,
-        color: orange,
+        color: event.hasCategory(TimelineModel.TimelineModel.Category.UserTiming) ? purple : orange,
         tall: false,
         lowPriority: false,
       };