Put theme into config

app/public/config.example.js

@@ -16,5 +16,40 @@ var config =
 	{
 		tcp : true
 	},
-	lastN : 4
+	lastN : 4,
+	theme :
+	{
+		palette :
+		{
+			primary :
+			{
+				main : '#313131'
+			}
+		},
+		overrides :
+		{
+			MuiAppBar :
+			{
+				colorPrimary :
+				{
+					backgroundColor : '#313131'
+				}
+			},
+			MuiFab :
+			{
+				primary :
+				{
+					backgroundColor : '#5F9B2D',
+					'&:hover'       :
+					{
+						backgroundColor : '#518029'
+					}
+				}
+			}
+		},
+		typography :
+		{
+			useNextVariants : true
+		}
+	}
 };

app/src/components/Controls/Sidebar.js

@@ -44,7 +44,7 @@ const styles = (theme) =>
 		{
 			opacity    : 0,
 			transition : 'opacity .5s'
-		},
+		}
 	});
 
 class Sidebar extends React.PureComponent
@@ -89,7 +89,7 @@ class Sidebar extends React.PureComponent
 					aria-label='Share screen'
 					className={classes.fab}
 					disabled={!me.canShareScreen || me.screenShareInProgress}
-					color={screenState === 'on' ? 'secondary' : 'default'}
+					color={screenState === 'on' ? 'primary' : 'default'}
 					
 					onClick={() =>
 					{
@@ -134,7 +134,7 @@ class Sidebar extends React.PureComponent
 				<Fab
 					aria-label='Room lock'
 					className={classes.fab}
-					color={locked ? 'secondary' : 'default'}
+					color={locked ? 'primary' : 'default'}
 					onClick={() =>
 					{
 						if (locked)
@@ -158,7 +158,7 @@ class Sidebar extends React.PureComponent
 					aria-label='Raise hand'
 					className={classes.fab}
 					disabled={me.raiseHandInProgress}
-					color={me.raiseHand ? 'secondary' : 'default'}
+					color={me.raiseHand ? 'primary' : 'default'}
 					onClick={() => roomClient.sendRaiseHandState(!me.raiseHand)}
 				>
 					<Avatar alt='Hand' src={me.raiseHand ? HandOn : HandOff} />

app/src/components/MeetingDrawer/Chat/MessageList.js

@@ -18,7 +18,7 @@ const styles = (theme) =>
 		}
 	});
 
-class MessageList extends React.PureComponent
+class MessageList extends React.Component
 {
 	componentDidMount()
 	{

app/src/index.js

@@ -32,19 +32,7 @@ let roomClient;
 
 RoomClient.init({ store });
 
-const theme = createMuiTheme({
-	palette :
-	{
-		primary :
-		{
-			main : '#313131'
-		}
-	},
-	typography :
-	{
-		useNextVariants : true
-	}
-});
+const theme = createMuiTheme(window.config.theme);
 
 domready(() =>
 {