From 8990e770b742b05ac3026bc9f8be36edd9a5b515 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Mon, 20 Feb 2017 01:43:55 +0200
Subject: [PATCH] fix colouring in voip dark theme

---
 src/components/structures/RoomStatusBar.js | 3 ++-
 src/components/structures/RoomView.js      | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/structures/RoomStatusBar.js b/src/components/structures/RoomStatusBar.js
index ca50e1071a..95631e304d 100644
--- a/src/components/structures/RoomStatusBar.js
+++ b/src/components/structures/RoomStatusBar.js
@@ -194,8 +194,9 @@ module.exports = React.createClass({
         }
 
         if (this.props.hasActiveCall) {
+            var TintableSvg = sdk.getComponent("elements.TintableSvg");
             return (
-                <img src="img/sound-indicator.svg" width="23" height="20"/>
+                <TintableSvg src="img/sound-indicator.svg" width="23" height="20"/>
             );
         }
 
diff --git a/src/components/structures/RoomView.js b/src/components/structures/RoomView.js
index 5bf192dfc6..acdea38c69 100644
--- a/src/components/structures/RoomView.js
+++ b/src/components/structures/RoomView.js
@@ -1639,14 +1639,14 @@ module.exports = React.createClass({
 
                 videoMuteButton =
                     <div className="mx_RoomView_voipButton" onClick={this.onMuteVideoClick}>
-                        <img src={call.isLocalVideoMuted() ? "img/video-unmute.svg" : "img/video-mute.svg"}
+                        <TintableSvg src={call.isLocalVideoMuted() ? "img/video-unmute.svg" : "img/video-mute.svg"}
                              alt={call.isLocalVideoMuted() ? "Click to unmute video" : "Click to mute video"}
                              width="31" height="27"/>
                     </div>;
             }
             voiceMuteButton =
                 <div className="mx_RoomView_voipButton" onClick={this.onMuteAudioClick}>
-                    <img src={call.isMicrophoneMuted() ? "img/voice-unmute.svg" : "img/voice-mute.svg"}
+                    <TintableSvg src={call.isMicrophoneMuted() ? "img/voice-unmute.svg" : "img/voice-mute.svg"}
                          alt={call.isMicrophoneMuted() ? "Click to unmute audio" : "Click to mute audio"}
                          width="21" height="26"/>
                 </div>;