Title: [234076] trunk/Source/WebInspectorUI
Revision
234076
Author
nvasil...@apple.com
Date
2018-07-20 17:30:09 -0700 (Fri, 20 Jul 2018)

Log Message

Web Inspector: Dark Mode: Layers tab background should be dark
https://bugs.webkit.org/show_bug.cgi?id=187660
<rdar://problem/42179616>

Reviewed by Brian Burg.

* UserInterface/Views/Layers3DContentView.js:
(WI.Layers3DContentView.prototype.initialLayout):
* UserInterface/Views/Variables.css:
(:root):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (234075 => 234076)


--- trunk/Source/WebInspectorUI/ChangeLog	2018-07-20 23:48:16 UTC (rev 234075)
+++ trunk/Source/WebInspectorUI/ChangeLog	2018-07-21 00:30:09 UTC (rev 234076)
@@ -1,3 +1,16 @@
+2018-07-20  Nikita Vasilyev  <nvasil...@apple.com>
+
+        Web Inspector: Dark Mode: Layers tab background should be dark
+        https://bugs.webkit.org/show_bug.cgi?id=187660
+        <rdar://problem/42179616>
+
+        Reviewed by Brian Burg.
+
+        * UserInterface/Views/Layers3DContentView.js:
+        (WI.Layers3DContentView.prototype.initialLayout):
+        * UserInterface/Views/Variables.css:
+        (:root):
+
 2018-07-19  Ross Kirsling  <ross.kirsl...@sony.com>
 
         Web Inspector: Layers visualization shouldn't select on mousedown

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Layers3DContentView.js (234075 => 234076)


--- trunk/Source/WebInspectorUI/UserInterface/Views/Layers3DContentView.js	2018-07-20 23:48:16 UTC (rev 234075)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Layers3DContentView.js	2018-07-21 00:30:09 UTC (rev 234076)
@@ -143,7 +143,8 @@
         super.initialLayout();
 
         this._renderer = new THREE.WebGLRenderer({antialias: true});
-        this._renderer.setClearColor("white");
+        const backgroundColor = window.getComputedStyle(document.documentElement).getPropertyValue("--background-color-content").trim();
+        this._renderer.setClearColor(backgroundColor);
         this._renderer.setSize(this.element.offsetWidth, this.element.offsetHeight);
 
         this._camera = new THREE.PerspectiveCamera(45, this.element.offsetWidth / this.element.offsetHeight, 1, 100000);

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css (234075 => 234076)


--- trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css	2018-07-20 23:48:16 UTC (rev 234075)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css	2018-07-21 00:30:09 UTC (rev 234076)
@@ -32,6 +32,8 @@
     --z-index-glass-pane-for-drag: 2048;
     --z-index-uncaught-exception-sheet: 4096;
 
+    --background-color-content: white;
+
     --selected-foreground-color: white;
     --selected-secondary-text-color: hsla(0, 100%, 100%, 0.7);
     --selected-background-color: hsl(212, 92%, 54%);
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to