diff --git a/react/features/base/react/components/native/LoadingIndicator.js b/react/features/base/react/components/native/LoadingIndicator.js
index 3e865c90a..fbd12225c 100644
--- a/react/features/base/react/components/native/LoadingIndicator.js
+++ b/react/features/base/react/components/native/LoadingIndicator.js
@@ -3,6 +3,8 @@
import React, { Component } from 'react';
import { ActivityIndicator } from 'react-native';
+import { ColorPalette } from '../../../styles';
+
/**
* An animated, large react-native {@link ActivityIndicator} which is considered
* a suitable visualization of long-running processes with indeterminate amounts
@@ -19,7 +21,9 @@ export default class LoadingIndicator extends Component {
return (
+ color = { ColorPalette.white }
+ size = { 'large' }
+ { ...this.props } />
);
}
}
diff --git a/react/features/welcome/components/WelcomePage.native.js b/react/features/welcome/components/WelcomePage.native.js
index 723bf2c5a..4a90490cd 100644
--- a/react/features/welcome/components/WelcomePage.native.js
+++ b/react/features/welcome/components/WelcomePage.native.js
@@ -109,7 +109,7 @@ class WelcomePage extends AbstractWelcomePage {
// modify non-native children.
children = (
-
+
);
} else {
diff --git a/react/features/welcome/components/styles.js b/react/features/welcome/components/styles.js
index 4209c9005..a2b93a8c4 100644
--- a/react/features/welcome/components/styles.js
+++ b/react/features/welcome/components/styles.js
@@ -40,7 +40,7 @@ export default createStyleSheet({
*/
buttonText: {
alignSelf: 'center',
- color: '#00ccff',
+ color: ColorPalette.blue,
fontSize: 18
},