From b2fb77ab0dbfb2ae53aed07561695918bf188d02 Mon Sep 17 00:00:00 2001
From: 0hee0 <suhee0206@gmail.com>
Date: Wed, 1 Jun 2022 15:11:25 +0900
Subject: [PATCH] [#11] style: update highlight color & button font weight

---
 react-native/components/BottomDrawer.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/react-native/components/BottomDrawer.tsx b/react-native/components/BottomDrawer.tsx
index 409af03..f0708fe 100644
--- a/react-native/components/BottomDrawer.tsx
+++ b/react-native/components/BottomDrawer.tsx
@@ -11,7 +11,7 @@ import '../locales/i18n';
 
 
 const highlight = (text: string, registered: boolean) =>
-    <Text fontFamily="body" fontWeight={700} fontStyle="normal" fontSize='md' pt={24} style={!registered ? styles.highlighted : styles.grayBackground}>{text}</Text>
+    <Text color="#fff" fontFamily="body" fontWeight={500} fontStyle="normal" fontSize='md' pt={24} style={!registered ? styles.highlighted : styles.grayBackground}>{text}</Text>
 
 function BottomDrawer(props: BottomDrawerProps) {
     const [currentEvent, setCurrentEvent] = useState<number>(0);
@@ -280,13 +280,13 @@ function BottomDrawer(props: BottomDrawerProps) {
             {props.isTranslateScreen && 
                 <View style={[styles.spaceBetween, props.isFullDrawer && styles.full ]}>
                     <TouchableHighlight style={[styles.regularButton, styles.grayBackground]} onPress={props.retakePicture}>
-                        <Text color="white">{i18n.t('retake')}</Text>
+                        <Text color="white" fontWeight={500}>{i18n.t('retake')}</Text>
                     </TouchableHighlight>
                     <View style={styles.gap} />
                     {props.handleOpenSaveForm && 
                         <>
                         <TouchableHighlight style={[styles.regularButton, styles.primaryBackground]} onPress={props.handleOpenSaveForm}>
-                            <Text color="white">{i18n.t('save')}</Text>
+                            <Text color="white" fontWeight={500}>{i18n.t('save')}</Text>
                         </TouchableHighlight>
                         <Modal isOpen={props.openSaveForm} onClose={props.handleOpenSaveForm}>
                             <Modal.Content maxWidth="400px">
@@ -387,7 +387,7 @@ const styles = StyleSheet.create({
         flexDirection: 'row'
     },
     highlighted: {
-        backgroundColor: theme.colors.skyblue
+        backgroundColor: theme.colors.primary,
     },
     full: {
         paddingBottom: 96