DevTools: border and toolbar colors from Max's mocks.

Source/devtools/front_end/sources/sourcesView.css

 /*
  * 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 17 matching lines @@
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 #sources-panel-sources-view {
     flex: auto;
     position: relative;
 }
 
 #sources-panel-sources-view .sources-toolbar {
     display: flex;
-    position: relative;
-    flex: 0 0 20px;
+    flex: 0 0 27px;
     background-color: #f3f3f3;
-    border-top: 1px solid rgb(196,196,196);
+    border-top: 1px solid #dadada;
     overflow: hidden;
 }
 
-.material #sources-panel-sources-view .sources-toolbar {
-    flex: 0 0 24px;
-}
-
-#sources-panel-sources-view .sources-toolbar .toolbar {
-    margin-top: -2px;
-}
-
-#sources-panel-sources-view .sources-toolbar .toolbar {
-    margin-top: -3px;
+.sources-toolbar .toolbar {
+    cursor: default;
 }
 
 .source-frame-debugger-script {
     background-color: rgba(255, 255, 194, 0.5);
 }
 
 .source-frame-unsaved-committed-changes {
     background-color: rgba(255, 225, 205, 0.40);
 }
 
@@ skipping 54 matching lines @@
     to {
         background-color: inherit;
         color: inherit;
     }
 }
 
 .source-frame-value-update-highlight {
     -webkit-animation: source-frame-value-update-highlight-animation 0.8s 1 cubic-bezier(0, 0, 0.2, 1);
     border-radius: 2px;
 }