Editor: Improved prefers-color-scheme handling.

mrdoob · Jun 20, 2020 · 2f3976c · 2f3976c
1 parent 44538bc
commit 2f3976c
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/editor/js/Viewport.js b/editor/js/Viewport.js
@@ -351,12 +351,26 @@ function Viewport( editor ) {
 
 		renderer = newRenderer;
 
+		renderer.setClearColor( 0xaaaaaa );
+
+		if ( window.matchMedia ) {
+
+			var mediaQuery = window.matchMedia( '(prefers-color-scheme: dark)' );
+			mediaQuery.addListener( function ( event ) {
+
+				renderer.setClearColor( event.matches ? 0x333333 : 0xaaaaaa );
+
+				if ( scene.background === null ) render();
+
+			} );
+
+			renderer.setClearColor( mediaQuery.matches ? 0x333333 : 0xaaaaaa );
+
+		}
+
 		renderer.setPixelRatio( window.devicePixelRatio );
 		renderer.setSize( container.dom.offsetWidth, container.dom.offsetHeight );
 
-		var isDarkMode = window.matchMedia && window.matchMedia( '(prefers-color-scheme: dark)' ).matches;
-		renderer.setClearColor( isDarkMode ? 0x333333 : 0xaaaaaa );
-
 		pmremGenerator = new THREE.PMREMGenerator( renderer );
 		pmremGenerator.compileEquirectangularShader();