Front: Setup Color Theme w/ React Native Paper

front/Theme.tsx

@@ -1,31 +1,25 @@
 /**
  * Color theme to use thoughout the application
  * Using the Material Color guidelines
- * TODO: integrate with the to-be-determined design framework
  */
-const ColorTheme = {
-	primary: '#5db075',
-	primaryVariant: '#008000',
-	onPrimary: '#ffffff',
 
-	secondary: '#00bdbd',
-	secondaryVariant: '#008b8c',
-	onSecondary: '#ffffff',
+import { DefaultTheme } from 'react-native-paper';
 
-	backgroundLight: '#F0F0F0',
-	onBackgroundLight: '#000000',
-	backgroundDark: '#292929',
-	onBackgroundDark: '#FFFFFF',
-
-	surface: '#F6F6F6',
-	onSurface: '#000000',
-
-	placeholder: '#C9C9C9',
-
-	error: '#B00020',
-	onError: '#FFFFFF',
-
-	divider: "#DDDDDD",
+const Theme = {
+	...DefaultTheme,
+	roundness: 10,
+	colors: {
+		...DefaultTheme.colors,
+		primary: '#5db075',
+		background: '#F0F0F0',
+		surface: '#F6F6F6',
+		accent: '#00bdbd',
+		error: '#B00020',
+		text: '#ffffff',
+		onSurface: '#000000',
+		placeholder: '#C9C9C9',
+		notification: '#FF0000'
+	}
 };
 
-export default ColorTheme;
+export default Theme;