Some styling changes.

Author: hzr

src/profiler/profiler_style.css

@@ -4,8 +4,8 @@
   left: 0;
   top: 60px;
   width: 160px;
-  border-top: 1px solid #e6e6e6;
-  border-bottom: 1px solid #e6e6e6;
+  border-top: 1px solid rgba(0, 0, 0, 0.055);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.055);
   overflow: hidden;
 }
 
@@ -16,8 +16,8 @@
   right: 0;
   top: 15px;
   height: 26px; /* 8 types * 3px height + 2 extra for padding */
-  border-top: 1px solid #e6e6e6;
-  border-bottom: 1px solid #e6e6e6;
+  border-top: 1px solid rgba(0, 0, 0, 0.055);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.055);
   overflow-x: hidden;
 }
 
@@ -36,8 +36,8 @@
   left: 160px;
   right: 0;
   top: 60px;
-  background-image: -o-linear-gradient(to bottom, transparent 50%, #f7f7f7 50%);
-  background-image: linear-gradient(to bottom, #f7f7f7 50%, transparent 50%);
+  background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 50%, transparent 50%);
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 50%, transparent 50%);
   background-position: 0 1px;
   background-size: 1px 36px;
   height: 145px;
@@ -49,8 +49,8 @@
   left: 160px;
   right: 0;
   top: 60px;
-  border-top: 1px solid #e6e6e6;
-  border-bottom: 1px solid #e6e6e6;
+  border-top: 1px solid rgba(0, 0, 0, 0.055);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.055);
   overflow-x: hidden;
   height: 144px;
 }
@@ -76,7 +76,7 @@
   height: 20px;
   line-height: 20px;
   width: 100%;
-  border-top: 1px solid #e6e6e6;
+  border-top: 1px solid rgba(0, 0, 0, 0.055);
   text-align: center;
 }
 
@@ -115,9 +115,9 @@
   position: relative;
 }
 
-.profiler-timeline-row.odd
+.profiler-timeline-row.even
 {
-  background-color: #f7f7f7;
+  background-color: rgba(0, 0, 0, 0.03);
 }
 
 .profiler-legend-label
@@ -134,7 +134,6 @@
 {
   position: absolute;
   right: 2px;
-  text-shadow: 1px 1px #fff;
 }
 
 .profiler-legend-time-bar
@@ -156,7 +155,7 @@
   position: absolute;
   height: 100%;
   width: 1px;
-  background: #e6e6e6;
+  background: rgba(0, 0, 0, 0.055);
   top: 0;
 }
 

src/profiler/profiler_templates.js

@@ -138,7 +138,7 @@ var ProfilerTemplates = function()
                 "class", "profiler-legend-time-bar",
                 "style", "width: " + percentage + "%"
                ],
-             "class", "profiler-legend-row profiler-timeline-row" + (index % 2 ? " odd" : ""),
+             "class", "profiler-legend-row profiler-timeline-row" + (index % 2 ? "" : " even"),
              "data-event-type", String(event.type),
              "handler", "profiler-event"
             ]
@@ -188,13 +188,6 @@ var ProfilerTemplates = function()
     return template;
   };
 
-  this._background_bar = function(order, index)
-  {
-    return ["div",
-            "class", "profiler-timeline-row" + (index % 2 ? " odd" : "")
-           ];
-  };
-
   this.event_list_full = function(event_list, interval, container_width)
   {
     var template = [];