Update Readme, refactor code

Author: AmitM30

.flowconfig

@@ -52,7 +52,7 @@ The project uses and encourages to use industry best practices / tools / librari
 │   ├── constants				Screens, Localization
 │   ├── navigators				Router, Navigation
 │   ├── view					UI compoments - Screens, Widgets
-│   │	    ├── elements				Custom elements
+│   │	    ├── elements			Custom elements
 │   │	    ├── assets
 │   │	    ├── screens
 │   │	    ├── styles				Typography
@@ -63,8 +63,9 @@ The project uses and encourages to use industry best practices / tools / librari
 │   └── redux
 ├── .babelrc
 ├── .eslintrc					Lint configuration - extending AirBnb
-├── .flowconfig					Flow configuration
 ├── .gitignore
+├── .travis.yml				Travis CI
+├── tsconfig.json				TypeScript Configuration
 ├── app.json
 ├── index.js					Application Entry point
 ├── package.json
@@ -144,11 +145,11 @@ npm run test:coverage
 
 ##### React Native Navigation
 
-The application launches with a blank splash screen, and the moves to a tabbed based home view. Developers can feel free to add application launch logic to this, or entirely skip the splash if not required, or change this altogether.
+The application launches with a blank splash screen, and then moves to a tabbed based home view. Developers can feel free to add application launch logic to this, like fetch user token, load persist state etc., or skip the splash if not required, or change this setup altogether.
 
 ##### Styles
 
-The `styles` folder contain global style and typography for the application. Styles for each screen has been placed with the screen, as they are going to be used together with the screen, unlike web.
+The `styles` folder contains `global` style and `typography` for the application. Styles for each screen has been placed with the screen, as they are going to be used together with the screen, unlike web.
 
 ##### Widgets / Elements
 
@@ -165,7 +166,7 @@ Please check out [Contributing](https://github.com/AmitM30/react-native-typescri
 
 #### Authors
 
-- **Anurag** - _Android Setup_ - [Profile](https://github.com/a7urag)
+- **Anurag Chutani** - _Android Setup_ - [Profile](https://github.com/a7urag)
 
 See also the list of [contributors](https://github.com/AmitM30/react-native-typescript-boilerplate/contributors) who participated in this project.
 

README.md

@@ -7,7 +7,7 @@ export const WidgetPaddingValue = 16;
 const Layout = StyleSheet.create({
   SafeArea: {
     flex: 1,
-    backgroundColor: TYPOGRAPHY.Color.BgPrimary
+    backgroundColor: TYPOGRAPHY.Color.Primary
   },
   container: {
     flex: 1
@@ -36,7 +36,7 @@ const CTA = {
     },
     primaryText: {
       fontSize: 16,
-      color: TYPOGRAPHY.Color.BgPrimary,
+      color: TYPOGRAPHY.Color.Primary,
       textAlign: 'center'
     },
     secondary: {
@@ -69,12 +69,12 @@ const Fonts = StyleSheet.create({
   body: {
     fontSize: 16,
     fontFamily: TYPOGRAPHY.Font.Primary,
-    color: TYPOGRAPHY.Color.Body
+    color: TYPOGRAPHY.Color.Default
   },
   subTitle: {
     fontSize: 14,
     fontFamily: TYPOGRAPHY.Font.Primary,
-    color: TYPOGRAPHY.Color.SecondaryText
+    color: TYPOGRAPHY.Color.Secondary
   }
 });
 
@@ -83,13 +83,13 @@ const Text = StyleSheet.create({
     textAlign: 'left',
     fontFamily: TYPOGRAPHY.Font.Primary,
     fontSize: 14,
-    color: TYPOGRAPHY.Color.PrimaryText
+    color: TYPOGRAPHY.Color.Primary
   },
   Bold: {
     textAlign: 'left',
     fontSize: 14,
-    fontFamily: TYPOGRAPHY.Font.Bold,
-    color: TYPOGRAPHY.Color.PrimaryText
+    fontFamily: TYPOGRAPHY.Font.Primary,
+    color: TYPOGRAPHY.Color.Primary
   }
 });
 
@@ -101,15 +101,15 @@ const TextInput = {
       fontSize: 12,
       borderWidth: 0.2,
       borderColor: TYPOGRAPHY.Color.Border,
-      color: TYPOGRAPHY.Color.PrimaryText
+      color: TYPOGRAPHY.Color.Primary
     },
     Bold: {
-      fontFamily: TYPOGRAPHY.Font.Bold,
+      fontFamily: TYPOGRAPHY.Font.Primary,
       textAlign: 'left',
       fontSize: 12,
       borderWidth: 0.2,
       borderColor: TYPOGRAPHY.Color.Border,
-      color: TYPOGRAPHY.Color.PrimaryText
+      color: TYPOGRAPHY.Color.Primary
     }
   })
 };

src/view/styles/global.tsx

@@ -3,6 +3,7 @@ const Color = {
   Primary: '#565656',
   Secondary: '#399be0',
   Default: '#FFFFFF',
+  DefaultSelected: '#222222',
   Border: '#E7E7E8',
   Success: '#2BC480',
   Warning: '#D91E5B'