Web Inspector: current call frame indicator not visible in dark mode
authordrousso@apple.com <drousso@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 5 Jul 2019 21:48:54 +0000 (21:48 +0000)
committerdrousso@apple.com <drousso@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 5 Jul 2019 21:48:54 +0000 (21:48 +0000)
https://bugs.webkit.org/show_bug.cgi?id=199047
<rdar://problem/51922895>

Reviewed by Timothy Hatcher.

* UserInterface/Views/CallFrameTreeElement.css:
(.tree-outline .item.call-frame .status > .status-image):
(.tree-outline .item.call-frame.selected .status > .status-image):
Replace the CSS variables used for `fill` with their actual color value (in `light` mode),
as the semantic "name" of the variable doesn't really match its usage. As an example, the
current call frame shouldn't rely on the value of `--border-color`, as it's not a "border".

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

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

index ccae7f2..81b5be3 100644 (file)
@@ -1,3 +1,18 @@
+2019-07-05  Devin Rousso  <drousso@apple.com>
+
+        Web Inspector: current call frame indicator not visible in dark mode
+        https://bugs.webkit.org/show_bug.cgi?id=199047
+        <rdar://problem/51922895>
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/CallFrameTreeElement.css:
+        (.tree-outline .item.call-frame .status > .status-image):
+        (.tree-outline .item.call-frame.selected .status > .status-image):
+        Replace the CSS variables used for `fill` with their actual color value (in `light` mode),
+        as the semantic "name" of the variable doesn't really match its usage. As an example, the
+        current call frame shouldn't rely on the value of `--border-color`, as it's not a "border".
+
 2019-07-05  Matt Baker  <mattbaker@apple.com>
 
         Web Inspector: Elements: use a CSS transition when showing/hiding DOM breakpoint gutter
index 30940a6..2ab3ecd 100644 (file)
@@ -52,11 +52,11 @@ body[dir=rtl] .tree-outline .item.call-frame .status {
 .tree-outline .item.call-frame .status > .status-image {
     width: 17px;
     height: 17px;
-    fill: var(--border-color);
+    fill: hsl(0, 0%, 70%);
 }
 
 .tree-outline .item.call-frame.selected .status > .status-image {
-    fill: var(--border-color-dark);
+    fill: hsl(0, 0%, 57%);
 }
 
 .tree-outline:focus .item.call-frame.selected .status > .status-image {