change readModal

frontend/src/component/reading/CountDownModal.js

@@ -108,7 +108,7 @@ const styles = StyleSheet.create({
     borderWidth: 5,
     borderColor: '#d9d9d9',
     alignItems: 'center',
-    shadowColor: 'red',
+    shadowColor: 'green',
     shadowOffset: {
       width: 0,
       height: 2,

frontend/src/component/reading/ReadModal.js

@@ -19,9 +19,6 @@ export default function ReadModal(props) {
 
   const navigation = useNavigation();
 
-  const navigate = () => {
-    
-  }
   return (
     <Modal
       animationType="fade"
@@ -128,13 +125,13 @@ const styles = StyleSheet.create({
     borderRadius: 20,
     padding: 35,
     borderWidth: 5,
-    // borderColor: '#red',
+    borderColor: '#02a137',
     alignItems: 'center',
-    // shadowColor: 'red',
-    // shadowOffset: {
-    //   width: 0,
-    //   height: 2,
-    // },
+    shadowColor: 'green',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
     shadowOpacity: 0.25,
     shadowRadius: 4,
     elevation: 5,
@@ -174,13 +171,13 @@ const styles = StyleSheet.create({
     marginBottom: 20,
   },
   alert2: {
-    // backgroundColor: 'rgba(0, 181, 0, 0.45)',
+    backgroundColor: '#FFFFFFEF',
+    borderWidth: 1,
+    borderColor: '#02a137',
     borderRadius: 50,
     width: 100,
     height: 100,
     marginBottom: 20,
     marginTop: -80,
   },
-
-  
 });

frontend/src/component/reading/ReadModalFailed.js

@@ -110,7 +110,6 @@ const styles = StyleSheet.create({
     elevation: 2,
   },
 
-
   centeredView3: {
     flex: 1,
     justifyContent: 'center',
@@ -123,13 +122,13 @@ const styles = StyleSheet.create({
     borderRadius: 20,
     padding: 20,
     borderWidth: 5,
-    // borderColor: '#1DCE92',
+    borderColor: '#a10202',
     alignItems: 'center',
-    // shadowColor: 'red',
-    // shadowOffset: {
-    //   width: 0,
-    //   height: 2,
-    // },
+    shadowColor: 'green',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
     shadowOpacity: 0.25,
     shadowRadius: 4,
     elevation: 5,
@@ -169,7 +168,9 @@ const styles = StyleSheet.create({
     textAlign: 'center',
   },
   alert3: {
-    backgroundColor: 'rgba(255, 0, 0, 0.74)',
+    backgroundColor: '#FFFFFFEF',
+    borderWidth: 1,
+    borderColor: '#a10202',
     borderRadius: 50,
     width: 100,
     height: 100,