DevTools: Add color swatches to Sources panel

third_party/WebKit/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 125 matching lines @@
 }
 
 .diff-entry-delete .CodeMirror-gutter-wrapper {
     border-bottom: 2px solid #D32F2F;
 }
 
 .CodeMirror-gutter-diff {
     width: 4px;
 }
 
+/* Don't show text associated with color swatch */
+[is="color-swatch"] > span {

[lushnikov, 2016/07/12 03:48:02]

a better way would be adding an API to the ColorSwatch.js to do this

[flandy, 2016/07/12 21:17:15]

Done.

+    display: none;
+}
+
 .highlight-line-modification {
     animation: source-line-modification-background-fadeout 0.4s 0s;
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
 .highlight-line-modification span {
     animation: source-line-modification-foreground-fadeout 0.4s 0s;
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
 @keyframes source-line-modification-background-fadeout {
     from { background-color: rgba(158, 54, 153, 0.5); }
     50% { background-color: rgba(158, 54, 153, 0.5); }
     90% { background-color: rgba(158, 54, 153, 0); }
     to { background-color: transparent; }
 }
 
 @keyframes source-line-modification-foreground-fadeout {
     from { color: white; }
     50% { color: white; }
     90% { color: intial; }
     to { color: intial; }
 }