DevTools: [SuggestBox] migrate suggestbox icons onto UI.Icon

third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css

Index: third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
index 782ba346aa47cd51f0afe567cbf05ba3e95ac18a..0092942dde21aeef011108422f09f2da0c7b8def 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
@@ -332,12 +332,28 @@ label[is=dt-icon-label] {
     background-size: 190px 30px;
 }
 
-.spritesheet-smallicons-mask {
+.spritesheet-smallicons.icon-mask {
     -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Images/smallIcons_2x.png) 2x);
     -webkit-mask-size: 190px 30px;
 }
 
-.spritesheet-largeicons-mask {
+.spritesheet-largeicons.icon-mask {
     -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x);
     -webkit-mask-size: 352px 168px;
-}
+}
+
+.force-white-icons .spritesheet-smallicons {

[dgozman, 2016/11/30 17:52:13]

Let's allow 'force-white-icons' on the icon itself as well.

[lushnikov, 2016/11/30 20:29:18]

Done.

+    -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Images/smallIcons_2x.png) 2x);
+    -webkit-mask-size: 190px 30px;
+    background-image: unset;
+    background-size: unset;
+    background-color: white;
+}
+
+.force-white-icons .spritesheet-largeicons {

[dgozman, 2016/11/30 17:52:13]

ditto

[lushnikov, 2016/11/30 20:29:17]

Done.

+    -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x);
+    -webkit-mask-size: 352px 168px;
+    background-image: unset;
+    background-size: unset;
+    background-color: white;
+}