fix: addElemToList style

SocialGouv · Oct 12, 2021 · 9b20f99 · 9b20f99
1 parent 53e1251
commit 9b20f99
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 75 deletions.
diff --git a/src/components/AddElemToList.js b/src/components/AddElemToList.js
@@ -42,12 +42,12 @@ export default ({
           }}>
           <CircledIcon
             icon="PlusSvg"
-            color="#F4FCFD"
-            borderColor="#D4F0F2"
-            iconColor={colors.BLUE}
+            color={colors.LIGHT_BLUE}
+            borderColor="#fff"
+            iconColor="#fff"
             width={13}
             height={13}
-            opacity={value ? 1 : 0.5}
+            opacity={value ? 1 : 0.38}
           />
         </TouchableOpacity>
       </View>

diff --git a/src/scenes/onboarding/onboardingSymptoms/AddElemToList.js b/src/scenes/onboarding/onboardingSymptoms/AddElemToList.js
diff --git a/src/scenes/onboarding/onboardingSymptoms/index.js b/src/scenes/onboarding/onboardingSymptoms/index.js
@@ -120,6 +120,14 @@ const SymptomScreen = ({navigation, route}) => {
                 style={styles.checkbox}
                 value={chosenCategories[cat]}
                 onValueChange={(newValue) => setToogleCheckbox(cat, newValue)}
+                // for android
+                tintColors={{true: colors.LIGHT_BLUE, false: '#aaa'}}
+                // for ios
+                tintColor="#aaa"
+                onCheckColor={colors.LIGHT_BLUE}
+                onTintColor={colors.LIGHT_BLUE}
+                onAnimationType="bounce"
+                offAnimationType="bounce"
               />
             </View>
           ))}

diff --git a/src/scenes/symptoms/symptoms-screen.js b/src/scenes/symptoms/symptoms-screen.js
@@ -149,6 +149,14 @@ const SymptomScreen = ({navigation, route}) => {
                 style={styles.checkbox}
                 value={chosenCategories[cat]}
                 onValueChange={(newValue) => setToogleCheckbox(cat, newValue)}
+                // for android
+                tintColors={{true: colors.LIGHT_BLUE, false: '#aaa'}}
+                // for ios
+                tintColor="#aaa"
+                onCheckColor={colors.LIGHT_BLUE}
+                onTintColor={colors.LIGHT_BLUE}
+                onAnimationType="bounce"
+                offAnimationType="bounce"
               />
             </View>
           ))}