Changeset 248735 in webkit
- Timestamp:
- Aug 15, 2019 12:13:21 PM (5 years ago)
- Location:
- trunk/Source/WebInspectorUI
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/Source/WebInspectorUI/ChangeLog
r248732 r248735 1 2019-08-15 Devin Rousso <drousso@apple.com> 2 3 Web Inspector: Layers: background of 3D area doesn't update when transitioning to/from Dark mode 4 https://bugs.webkit.org/show_bug.cgi?id=200775 5 6 Reviewed by Ross Kirsling. 7 8 * UserInterface/Views/Layers3DContentView.js: 9 (WI.Layers3DContentView.prototype.initialLayout): 10 Add a `matchMedia` listener for `(prefers-color-scheme: dark)` and update the clear color 11 of the WebGL renderer whenever it changes. 12 13 * UserInterface/Views/ErrorObjectView.css: 14 (@media (prefers-color-scheme: dark)): Added. 15 (@media (prefers-dark-interface)): Deleted. 16 * UserInterface/Views/SourcesNavigationSidebarPanel.css: 17 (@media (prefers-color-scheme: dark)): Added. 18 (@media (prefers-dark-interface)): Deleted. 19 Drive-by: replace older `prefers-dark-interface` with modern `prefers-color-scheme: dark`. 20 1 21 2019-08-15 Joseph Pecoraro <pecoraro@apple.com> 2 22 -
trunk/Source/WebInspectorUI/UserInterface/Views/ErrorObjectView.css
r246601 r248735 54 54 } 55 55 56 @media (prefers- dark-interface) {56 @media (prefers-color-scheme: dark) { 57 57 .error-object-link-container { 58 58 color: var(--text-color-secondary); -
trunk/Source/WebInspectorUI/UserInterface/Views/Layers3DContentView.js
r247356 r248735 145 145 146 146 this._renderer = new THREE.WebGLRenderer({antialias: true}); 147 const backgroundColor = window.getComputedStyle(document.documentElement).getPropertyValue("--background-color-content").trim();148 this._renderer.setClearColor(backgroundColor);149 147 this._renderer.setSize(this.element.offsetWidth, this.element.offsetHeight); 148 149 let updateBackground = () => { 150 this._renderer.setClearColor(window.getComputedStyle(this.element).getPropertyValue("--background-color-content").trim()); 151 }; 152 window.matchMedia("(prefers-color-scheme: dark)").addListener(updateBackground); 153 updateBackground(); 150 154 151 155 this._camera = new THREE.PerspectiveCamera(45, this.element.offsetWidth / this.element.offsetHeight, 1, 100000); -
trunk/Source/WebInspectorUI/UserInterface/Views/SourcesNavigationSidebarPanel.css
r248490 r248735 138 138 } 139 139 140 @media (prefers- dark-interface) {140 @media (prefers-color-scheme: dark) { 141 141 .sidebar > .panel.navigation.sources > .content > .warning-banner { 142 142 color: var(--yellow-highlight-text-color);
Note: See TracChangeset
for help on using the changeset viewer.