Web Inspector: Dark Mode: selected item background color is too light
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 16 Jul 2018 16:29:00 +0000 (16:29 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 16 Jul 2018 16:29:00 +0000 (16:29 +0000)
https://bugs.webkit.org/show_bug.cgi?id=187691
<rdar://problem/42225308>

Reviewed by Brian Burg.

* UserInterface/Views/DarkMode.css:
(@media (prefers-dark-interface)):
(:root):
(.tree-outline.dom li.elements-drag-over .selection-area):
(.tree-outline.dom:focus li.selected .selection-area):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@233847 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/DarkMode.css

index 53cdb9c57b323c1bad43f23b78ece3aae10a28f7..e4337653de4572113cc3333dcb413a30921f2684 100644 (file)
@@ -1,3 +1,17 @@
+2018-07-16  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Dark Mode: selected item background color is too light
+        https://bugs.webkit.org/show_bug.cgi?id=187691
+        <rdar://problem/42225308>
+
+        Reviewed by Brian Burg.
+
+        * UserInterface/Views/DarkMode.css:
+        (@media (prefers-dark-interface)):
+        (:root):
+        (.tree-outline.dom li.elements-drag-over .selection-area):
+        (.tree-outline.dom:focus li.selected .selection-area):
+
 2018-07-14  Kocsen Chung  <kocsen_chung@apple.com>
 
         Ensure WebKit stack is ad-hoc signed
index 2f98d61ea4a5d2d1af038d2648d9836eb4babf52..a8b25c4bb4ab11d2d35e609b759277113ca15ee4 100644 (file)
@@ -60,7 +60,7 @@
         --selected-foreground-color: var(--text-color-active);
         --selected-secondary-text-color: hsla(0, 0%, var(--foreground-lightness), 0.7);
         --selected-secondary-text-color-active: hsla(0, 0%, var(--foreground-lightness), 0.85);
-        --selected-background-color: hsl(210, 96%, 43%);
+        --selected-background-color: hsl(219, 80%, 43%);
         --selected-background-color-unfocused: hsla(0, 0%, var(--foreground-lightness), 0.15);
         --selected-background-color-active: hsl(218, 85%, 62%);
         --selected-background-color-hover: hsla(212, 92%, 54%, 0.5);
         color: var(--text-color);
     }
 
+    .tree-outline.dom li.elements-drag-over .selection-area {
+        border-top-color: var(--selected-background-color);
+    }
+
+    .tree-outline.dom:focus li.selected .selection-area {
+        background-color: var(--selected-background-color);
+    }
+
     .tree-outline.dom li.selected + ol.children.expanded {
         border-color: hsl(0, 0%, 27%);
     }