Title: [233847] trunk/Source/WebInspectorUI
- Revision
- 233847
- Author
- [email protected]
- Date
- 2018-07-16 09:29:00 -0700 (Mon, 16 Jul 2018)
Log Message
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):
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (233846 => 233847)
--- trunk/Source/WebInspectorUI/ChangeLog 2018-07-16 14:24:22 UTC (rev 233846)
+++ trunk/Source/WebInspectorUI/ChangeLog 2018-07-16 16:29:00 UTC (rev 233847)
@@ -1,3 +1,17 @@
+2018-07-16 Nikita Vasilyev <[email protected]>
+
+ 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 <[email protected]>
Ensure WebKit stack is ad-hoc signed
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DarkMode.css (233846 => 233847)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DarkMode.css 2018-07-16 14:24:22 UTC (rev 233846)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DarkMode.css 2018-07-16 16:29:00 UTC (rev 233847)
@@ -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);
@@ -723,6 +723,14 @@
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%);
}
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
