DevTools: Changes View

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

Index: third_party/WebKit/Source/devtools/front_end/changes/changesSidebar.css
diff --git a/third_party/WebKit/Source/devtools/front_end/changes/changesSidebar.css b/third_party/WebKit/Source/devtools/front_end/changes/changesSidebar.css
new file mode 100644
index 0000000000000000000000000000000000000000..f10384d4081066f3bd71b9637fa3a3affa40af45
--- /dev/null
+++ b/third_party/WebKit/Source/devtools/front_end/changes/changesSidebar.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;
+}
+
+.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%));
+}