Splash logo metrics

squarenotsquare/src/screens/styles/AppStyles.js

@@ -69,5 +69,10 @@ export const styles = StyleSheet.create({
   
   body: {
     backgroundColor: Colors.material.light,
+  },
+
+  splashLogo: {
+    width: Metrics.images.splashLogo.width,
+    height: Metrics.images.splashLogo.height
   }
 })

squarenotsquare/src/themes/Colors.js

@@ -9,6 +9,9 @@ class AppColors {
     //400
     blue400: '#5c6bc0',
     grey400: '#bdbdbd',
+    green400: '#66bb6a',
+    green400light: '#98ee99',
+    green400dark: '#338a3e',
     
     //600
     grey600: '#757575',

squarenotsquare/src/themes/Metrics.js

@@ -15,6 +15,14 @@ class AppMetrics {
       this.screenHeight = height;
     }
 
+    this.shadows = {
+      elevation: 10,
+      offsetWidth: 10,
+      offsetHeight: 10,
+      opacity: 1,
+      radius: 0
+    }
+
     this.screenSections = {
       headerHeight: this.normalize(20),
       sectionWidth: this.screenWidth
@@ -23,6 +31,13 @@ class AppMetrics {
     this.icons = {
       splashIcon: this.normalize(100)
     }
+
+    this.images = {
+      splashLogo: {
+        width: this.screenWidth * 0.33,
+        height: this.screenWidth * 0.33
+      }
+    }
   }
 
   normalize(size){