diff --git a/src/renderer/component/viewers/threeViewer/index.jsx b/src/renderer/component/viewers/threeViewer/index.jsx index 9b9e293ae..020a3b1b7 100644 --- a/src/renderer/component/viewers/threeViewer/index.jsx +++ b/src/renderer/component/viewers/threeViewer/index.jsx @@ -1,6 +1,7 @@ // @flow import * as React from 'react'; import * as dat from 'dat.gui'; +import classNames from 'classnames'; import LoadingScreen from 'component/common/loading-screen'; // ThreeJS @@ -378,16 +379,20 @@ class ThreeViewer extends React.PureComponent { } render() { + const { theme } = this.props; const { error, isReady, isLoading } = this.state; const loadingMessage = __('Loading 3D model.'); const showViewer = isReady && !error; const showLoading = isLoading && !error; + // Adaptive theme for gui controls + const containterClass = classNames('gui-container', { light: theme === 'light' }); + return ( {error && } {showLoading && } -
+