Fix color naming

components/common/app-text.js

@@ -29,7 +29,7 @@ AppText.propTypes = {
 
 const styles = StyleSheet.create({
   text: {
-    color: Colors.grey,
+    color: Colors.greyDark,
     ...Typography.mainText
   }
 })
\ No newline at end of file

styles/colors.js

 export default {
-  greenSuperLight: '#E9F2ED',
-  grey: '#A5A5A5',
-  greyLight: '#D2D2D2',
-  greySuperLight: '#F2F2F2',
+  greyDark: '#A5A5A5',
+  grey: '#D2D2D2',
+  greyLight: '#F2F2F2',
   orange: '#F38337',
   purple: '#3A2671',
   purpleLight: '#5D4F8A',
-  tourquise: '#69CBC1',
-  tourquiseLight: '#CFECEA',
+  tourquiseDark: '#69CBC1',
+  tourquise: '#CFECEA',
+  tourquiseLight: '#E9F2ED',
 }
\ No newline at end of file

styles/containers.js

@@ -5,7 +5,7 @@ export default {
   bottomBorder: {
     borderStyle: 'solid',
     borderBottomWidth: 2,
-    borderBottomColor: Colors.greyLight,
+    borderBottomColor: Colors.grey,
     paddingBottom: Spacing.base
   },
   centerItems: {
@@ -14,7 +14,7 @@ export default {
     justifyContent: 'center'
   },
   greyBorder: {
-    borderColor: Colors.greyLight,
+    borderColor: Colors.grey,
     borderRadius: 5,
     borderStyle: 'solid',
     borderWidth: 1,
@@ -25,7 +25,7 @@ export default {
     borderRadius: 25
   },
   page: {
-    backgroundColor: Colors.greenSuperLight,
+    backgroundColor: Colors.tourquiseLight,
     flex: 1
   },
   segmentContainer: { marginHorizontal: Spacing.base }