fix: scroll icon disable color reset

Author: juanky201271

components/AddressBook/AddressBook.tsx

@@ -495,10 +495,10 @@ const AddressBook: React.FunctionComponent<AddressBookProps> = ({
               right: 10,
               paddingHorizontal: 5,
               paddingVertical: 10,
-              backgroundColor: isScrollingToTop ? colors.primaryDisabled : colors.sideMenuBackground,
+              backgroundColor: colors.sideMenuBackground,
               borderRadius: 50,
               borderWidth: 1,
-              borderColor: isScrollingToTop ? colors.primaryDisabled : colors.zingo,
+              borderColor: colors.zingo,
               opacity: isScrollingToTop ? 0.5 : 1,
             }}>
             <FontAwesomeIcon

components/AddressList/AddressList.tsx

@@ -259,10 +259,10 @@ const AddressList: React.FunctionComponent<AddressListProps> = ({
               right: 10,
               paddingHorizontal: 5,
               paddingVertical: 10,
-              backgroundColor: isScrollingToTop ? colors.primaryDisabled : colors.sideMenuBackground,
+              backgroundColor: colors.sideMenuBackground,
               borderRadius: 50,
               borderWidth: 1,
-              borderColor: isScrollingToTop ? colors.primaryDisabled : colors.zingo,
+              borderColor: colors.zingo,
               opacity: isScrollingToTop ? 0.5 : 1,
             }}>
             <FontAwesomeIcon

components/History/History.tsx

@@ -508,11 +508,11 @@ const History: React.FunctionComponent<HistoryProps> = ({
                   right: 10,
                   paddingHorizontal: 5,
                   paddingVertical: 10,
-                  backgroundColor: isScrollingToTop ? colors.primaryDisabled : colors.sideMenuBackground,
+                  backgroundColor: colors.sideMenuBackground,
                   borderRadius: 50,
                   transform: [{ scale: pressed ? 0.9 : 1 }],
                   borderWidth: 1,
-                  borderColor: isScrollingToTop ? colors.primaryDisabled : colors.zingo,
+                  borderColor: colors.zingo,
                   opacity: isScrollingToTop ? 0.5 : 1,
                 })}>
                 <FontAwesomeIcon

components/Messages/components/ContactList.tsx

@@ -628,10 +628,10 @@ const ContactList: React.FunctionComponent<ContactListProps> = ({
                   right: 10,
                   paddingHorizontal: 5,
                   paddingVertical: 10,
-                  backgroundColor: isScrollingToTop ? colors.primaryDisabled : colors.sideMenuBackground,
+                  backgroundColor: colors.sideMenuBackground,
                   borderRadius: 50,
                   borderWidth: 1,
-                  borderColor: isScrollingToTop ? colors.primaryDisabled : colors.zingo,
+                  borderColor: colors.zingo,
                   opacity: isScrollingToTop ? 0.5 : 1,
                 }}>
                 <FontAwesomeIcon

components/Messages/components/MessageList.tsx

@@ -778,10 +778,10 @@ const MessageList: React.FunctionComponent<MessageListProps> = ({
                   right: 10,
                   paddingHorizontal: 5,
                   paddingVertical: 10,
-                  backgroundColor: isScrollingToBottom ? colors.primaryDisabled : colors.sideMenuBackground,
+                  backgroundColor: colors.sideMenuBackground,
                   borderRadius: 50,
                   borderWidth: 1,
-                  borderColor: isScrollingToBottom ? colors.primaryDisabled : colors.zingo,
+                  borderColor: colors.zingo,
                   opacity: isScrollingToBottom ? 0.5 : 1,
                 }}>
                 <FontAwesomeIcon