DevTools: popover, selection and other minor theme tweaks.

third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css

 /*
  * Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 .elements-disclosure {
     width: 100%;
     display: inline-block;
     line-height: normal;
@@ skipping 239 matching lines @@
     }
     80% {
         background-color: rgb(245, 219, 244);
         color: inherit;
     }
     to {
         background-color: inherit;
     }
 }
 
+@-webkit-keyframes dom-update-highlight-animation-dark {
+    from {
+        background-color: rgb(158, 54, 153);
+        color: white;
+    }
+    80% {
+        background-color: #333;
+        color: inherit;
+    }
+    to {
+        background-color: inherit;
+    }
+}
+
 .dom-update-highlight {
     -webkit-animation: dom-update-highlight-animation 1.4s 1 cubic-bezier(0, 0, 0.2, 1);
     border-radius: 2px;
 }
 
+:host-context(.-theme-with-dark-background) .dom-update-highlight {
+    -webkit-animation: dom-update-highlight-animation-dark 1.4s 1 cubic-bezier(0, 0, 0.2, 1);
+}
+
 .elements-disclosure.single-node li {
     padding-left: 2px;
 }
 
 .elements-tree-shortcut-title {
     color: rgb(87, 87, 87);
 }
 
 ol:hover > li > .elements-tree-shortcut-link {
     display: initial;
@@ skipping 36 matching lines @@
     -webkit-mask-size: 352px 168px;
     background-color: white;
     cursor: pointer;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .elements-disclosure li.selected .gutter-container:not(.has-decorations) {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
 }
 } /* media */