DevTools: render markers as circles on the main timeline.

third_party/WebKit/Source/devtools/front_end/ui_lazy/FlameChart.js

 /**
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 1292 matching lines @@
                     markerIndices[nextMarkerIndex++] = entryIndex;
                 } else {
                     context.rect(barX, barY, barWidth - 0.4, barHeight - 1);
                     if (barWidth > minTextWidth || this._dataProvider.forceDecoration(entryIndex))
                         titleIndices[nextTitleIndex++] = entryIndex;
                 }
             }
             context.fill();
         }
 
-        context.strokeStyle = "rgb(0, 0, 0)";
+        context.strokeStyle = "rgba(0, 0, 0, 0.2)";
         context.beginPath();
         for (var m = 0; m < nextMarkerIndex; ++m) {
             var entryIndex = markerIndices[m];
             var entryStartTime = entryStartTimes[entryIndex];
             var barX = this._timeToPositionClipped(entryStartTime);
             var barLevel = entryLevels[entryIndex];
             var barY = this._levelToHeight(barLevel);
             context.moveTo(barX + this._markerRadius, barY + barHeight / 2);
             context.arc(barX, barY + barHeight / 2, this._markerRadius, 0, Math.PI * 2);
         }
@@ skipping 695 matching lines @@
         this.update();
     },
 
     _enabled: function()
     {
         return this._rawTimelineDataLength !== 0;
     },
 
     __proto__: WebInspector.HBox.prototype
 }