Changeset 234076 in webkit

Timestamp:

Jul 20, 2018 5:30:09 PM (6 years ago)

Author:

Nikita Vasilyev

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):

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/Layers3DContentView.js (modified) (1 diff)
• UserInterface/Views/Variables.css (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2018-07-20  Nikita Vasilyev  <nvasilyev@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.kirsling@sony.com>
 

trunk/Source/WebInspectorUI/UserInterface/Views/Layers3DContentView.js

@@ -144 +144 @@
 
         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);
 

trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css

@@ -32 +32 @@
     --z-index-glass-pane-for-drag: 2048;
     --z-index-uncaught-exception-sheet: 4096;
+
+    --background-color-content: white;
 
     --selected-foreground-color: white;