DevTools: Changes View

third_party/WebKit/Source/devtools/front_end/changes/fileList.css

Index: third_party/WebKit/Source/devtools/front_end/changes/fileList.css
diff --git a/third_party/WebKit/Source/devtools/front_end/changes/fileList.css b/third_party/WebKit/Source/devtools/front_end/changes/fileList.css
new file mode 100644
index 0000000000000000000000000000000000000000..10bf6e6a26127c68e4bc9e8f780ff6d9e6994026
--- /dev/null
+++ b/third_party/WebKit/Source/devtools/front_end/changes/fileList.css
@@ -0,0 +1,33 @@
+li .icon {
+    margin: -3px -5px -3px -5px;
+    background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%));
+}
+
+.tree-outline li {
+  min-height: 20px;

[luoe, 2017/03/23 21:59:59]

nit: indent should be consistent

+}
+
+.tree-outline li:hover:not(.selected) .selection {
+    display: block;
+    background-color: rgba(56, 121, 217, 0.1);
+}
+
+.navigator-fs-tree-item .icon{
+    background: linear-gradient(45deg, hsl(28, 75%, 50%), hsl(28, 75%, 70%));
+}
+
+.navigator-sm-script-tree-item .icon,
+.navigator-script-tree-item .icon,
+.navigator-snippet-tree-item .icon {
+    background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%));
+}
+
+.navigator-sm-stylesheet-tree-item .icon,
+.navigator-stylesheet-tree-item .icon {
+    background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%));
+}
+
+.navigator-image-tree-item .icon,
+.navigator-font-tree-item .icon {
+    background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%));
+}