feat: Change loading screen to use blue colour

components/LoadingScreen.jsx

@@ -1,16 +1,16 @@
 /**
- * Loading Screen Component.
+ * LoadingScreen is a React component that renders a loading screen with an
+ * activity indicator.
  *
  * @author    Justin Hartman <code@justhart.com>
  * @copyright Copyright (c) 2022 Justin Hartman <https://justhart.com>
  */
 import { PureComponent } from 'react';
-import {
-  ActivityIndicator,
-  StyleSheet,
-  View,
-} from 'react-native';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
 
+/**
+ * Create the style sheet.
+ */
 const styles = StyleSheet.create({
   container: {
     width: '100%',
@@ -27,7 +27,13 @@ const styles = StyleSheet.create({
 });
 
 /**
- * Class describes loading screen component to use with network activity requests.
+ * A class that returns a React component that renders the loading screen with
+ * an activity indicator.
+ *
+ * @class LoadingScreen
+ * @interface LoadingScreen
+ * @extends {PureComponent}
+ * @returns {JSX.Element}
  */
 class LoadingScreen extends PureComponent {
   /**
@@ -38,7 +44,7 @@ class LoadingScreen extends PureComponent {
   render() {
     return (
       <View style={[styles.container, styles.horizontal]}>
-        <ActivityIndicator size="large" color="#FF0000" />
+        <ActivityIndicator size="large" color="#067CFD" />
       </View>
     );
   }