From ed540ae799f55be3246da451745a9438c8dab965 Mon Sep 17 00:00:00 2001
From: Tim Glasgow <tim.glasgow@atonalsoftware.com>
Date: Mon, 1 Aug 2022 21:38:53 -0500
Subject: [PATCH] Splash logo metrics

---
 squarenotsquare/src/screens/styles/AppStyles.js |  5 +++++
 squarenotsquare/src/themes/Colors.js            |  3 +++
 squarenotsquare/src/themes/Metrics.js           | 15 +++++++++++++++
 3 files changed, 23 insertions(+)

diff --git a/squarenotsquare/src/screens/styles/AppStyles.js b/squarenotsquare/src/screens/styles/AppStyles.js
index 2120d01..f3675a2 100644
--- a/squarenotsquare/src/screens/styles/AppStyles.js
+++ b/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
   }
 })
\ No newline at end of file
diff --git a/squarenotsquare/src/themes/Colors.js b/squarenotsquare/src/themes/Colors.js
index 157821a..1c9545a 100644
--- a/squarenotsquare/src/themes/Colors.js
+++ b/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',
diff --git a/squarenotsquare/src/themes/Metrics.js b/squarenotsquare/src/themes/Metrics.js
index 9484858..f150814 100644
--- a/squarenotsquare/src/themes/Metrics.js
+++ b/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){