DevTools: customize text baseline and style in flame chard.

Source/devtools/front_end/TimelineFlameChart.js

 /*
  * Copyright (C) 2014 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 23 matching lines @@
  * @param {!WebInspector.TimelineModel} model
  * @param {!WebInspector.TimelineFrameModel} frameModel
  * @param {boolean} mainThread
  */
 WebInspector.TimelineFlameChartDataProvider = function(model, frameModel, mainThread)
 {
     WebInspector.FlameChartDataProvider.call(this);
     this._model = model;
     this._frameModel = frameModel;
     this._mainThread = mainThread;
-    this._font = (this.barHeight() - 4) + "px " + WebInspector.fontFamily();
+    this._font = "bold 12px " + WebInspector.fontFamily();
 
     this._colorGenerator = new WebInspector.FlameChart.ColorGenerator();
     var categories = WebInspector.TimelineUIUtils.categories();
     for (var category in categories)
         this._colorGenerator.setColorForID(category, categories[category].fillColorStop1);
 }
 
 WebInspector.TimelineFlameChartDataProvider.prototype = {
     /**
      * @return {number}
      */
     barHeight: function()
     {
-        return 15;
+        return 20;
     },
 
     /**
+     * @return {number}
+     */
+    textBaseline: function()
+    {
+        return 6;
+    },
+
+    /**
+     * @return {number}
+     */
+    textPadding: function()
+    {
+        return 5;
+    },
+
+    /**
      * @param {number} entryIndex
      * @return {string}
      */
     entryFont: function(entryIndex)
     {
         return this._font;
     },
 
     /**
      * @param {number} entryIndex
@@ skipping 161 matching lines @@
         return null;
     },
 
     /**
      * @param {number} entryIndex
      * @return {!string}
      */
     entryColor: function(entryIndex)
     {
         return this._entryColors[entryIndex];
+    },
+
+    /**
+     * @param {number} entryIndex
+     * @return {!string}
+     */
+    textColor: function(entryIndex)
+    {
+        return "white";
     }
 }
 
 /**
  * @constructor
  * @extends {WebInspector.View}
  * @implements {WebInspector.TimelineModeView}
  * @implements {WebInspector.TimeRangeController}
  * @param {!WebInspector.TimelineModeViewDelegate} delegate
  * @param {!WebInspector.TimelineModel} model
@@ skipping 92 matching lines @@
 
     /**
      * @param {?WebInspector.TimelineModel.Record} record
      */
     setSelectedRecord: function(record)
     {
     },
 
     __proto__: WebInspector.View.prototype
 }