@@ -11,13 +11,14 @@ import ToggleButtons from '../toggle-buttons/toggle-buttons.jsx';
1111import Controls from '../../containers/controls.jsx' ;
1212import { getStageDimensions } from '../../lib/screen-utils' ;
1313import { STAGE_DISPLAY_SIZES , STAGE_SIZE_MODES } from '../../lib/layout-constants' ;
14+ import TWRenderRecoloredImage from '../../lib/tw-recolor/render.jsx' ;
1415
1516import fullScreenIcon from './icon--fullscreen.svg' ;
1617import unFullScreenIcon from './icon--unfullscreen.svg' ;
1718import largeStageIcon from '!../../lib/tw-recolor/build!./icon--large-stage.svg' ;
1819import smallStageIcon from '!../../lib/tw-recolor/build!./icon--small-stage.svg' ;
1920import fullStageIcon from '!../../lib/tw-recolor/build!./icon--full-stage.svg' ;
20- import settingsIcon from './icon--settings.svg' ;
21+ import settingsIcon from '!../../lib/tw-recolor/build! ./icon--settings.svg' ;
2122
2223import styles from './stage-header.css' ;
2324
@@ -93,7 +94,7 @@ const StageHeaderComponent = function (props) {
9394 className = { styles . stageButton }
9495 onClick = { onOpenSettings }
9596 >
96- < img
97+ < TWRenderRecoloredImage
9798 alt = { props . intl . formatMessage ( messages . openSettingsMessage ) }
9899 className = { styles . stageButtonIcon }
99100 draggable = { false }
@@ -209,13 +210,13 @@ const StageHeaderComponent = function (props) {
209210 { stageControls }
210211 { isPlayerOnly && ! isEmbedded && ! isFullScreen ? < div
211212 className = { styles . settingsButton }
212- style = { { marginRight : " .2rem" } }
213- >
213+ style = { { marginRight : ' .2rem' } }
214+ >
214215 < Button
215216 className = { styles . stageButton }
216217 onClick = { onOpenSettings }
217218 >
218- < img
219+ < TWRenderRecoloredImage
219220 alt = { props . intl . formatMessage ( messages . openSettingsMessage ) }
220221 className = { styles . stageButtonIcon }
221222 draggable = { false }
0 commit comments