Web Inspector: Use CSS variables for text color in Computed panel
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 22 Mar 2019 01:22:47 +0000 (01:22 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 22 Mar 2019 01:22:47 +0000 (01:22 +0000)
https://bugs.webkit.org/show_bug.cgi?id=196117

Reviewed by Timothy Hatcher.

* UserInterface/Views/ComputedStyleSection.css:
(.computed-style-section):
(.computed-style-section .computed-property-item .property-trace-item .selector):
(.computed-style-section .computed-property-item .go-to-link):

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

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

index 4709cb1..b8a1d63 100644 (file)
@@ -1,3 +1,15 @@
+2019-03-21  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Use CSS variables for text color in Computed panel
+        https://bugs.webkit.org/show_bug.cgi?id=196117
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/ComputedStyleSection.css:
+        (.computed-style-section):
+        (.computed-style-section .computed-property-item .property-trace-item .selector):
+        (.computed-style-section .computed-property-item .go-to-link):
+
 2019-03-21  Devin Rousso  <drousso@apple.com>
 
         Web Inspector: Timelines: flatten the overview to show all records, one per line
index 2c9c444..9a334ca 100644 (file)
@@ -25,7 +25,7 @@
 
 .computed-style-section {
     padding-bottom: 3px;
-    color: hsl(0, 0%, 70%);
+    color: var(--text-color-tertiary);
     -webkit-user-select: text;
 }
 
@@ -132,7 +132,7 @@ body[dir=rtl] .computed-style-section .computed-property-item .disclosure-button
 }
 
 .computed-style-section .computed-property-item .property-trace-item .selector {
-    color: hsl(0, 0%, 50%);
+    color: var(--text-color-secondary);
 }
 
 .computed-style-section .computed-property-item .origin {
@@ -143,7 +143,7 @@ body[dir=rtl] .computed-style-section .computed-property-item .disclosure-button
 }
 
 .computed-style-section .computed-property-item .go-to-link {
-    color: hsl(0, 0%, 50%);
+    color: var(--text-color-secondary);
 }
 
 .computed-style-section .property-trace-item .property .name,