updated styling to use appropriate gray background

src/components/horizontalIconList/horizontalIconListStyles.js

@@ -33,7 +33,7 @@ export default EStyleSheet.create({
   },
   icon: {
     fontSize: 24,
-    color: '$primaryDarkText',
+    color: '$darkGrayBackground',
   },
   badge: {
     position: 'absolute',

src/components/toastNotification/view/toastNotificationStyles.js

@@ -11,7 +11,7 @@ export default EStyleSheet.create({
     minWidth: '$deviceWidth / 1.9',
     height: 44,
     borderRadius: 30,
-    backgroundColor: '$primaryDarkText',
+    backgroundColor: '$darkGrayBackground',
     margin: 5,
     shadowOffset: {
       height: 5,

src/screens/coinDetails/children/rangeSelector.tsx

@@ -28,7 +28,7 @@ export const RangeSelector = ({range, onRangeChange}:RangeSelectorProps) => {
                 ...styles.rangeOptionWrapper, 
                 backgroundColor: EStyleSheet.value(
                         item.value === range ? 
-                            '$primaryDarkText':'$primaryLightBackground'
+                            '$darkGrayBackground':'$primaryLightBackground'
                     ) 
                 }}>
                 <Text style={{

src/screens/editor/children/postOptionsModal.tsx

@@ -224,7 +224,7 @@ const PostOptionsModal =  forwardRef(({
         </KeyboardAwareScrollView>
 
         <MainButton
-          style={{...styles.saveButton, backgroundColor:EStyleSheet.value(disableDone?'$primaryDarkGray':'$primaryBlue') }}
+          style={{...styles.saveButton }}
           isDisable={disableDone}
           onPress={_onDonePress}
           text={intl.formatMessage({id:"editor.done"})}

src/screens/editor/children/postOptionsModalStyles.ts

@@ -68,7 +68,6 @@ export default EStyleSheet.create({
         color:'$pureWhite'
     } as TextStyle,
     saveButton:{
-        backgroundColor:'$primaryBlue',
         width:150,
         paddingVertical:16,
         borderRadius:32,

src/screens/wallet/children/children.styles.ts

@@ -78,7 +78,7 @@ export default EStyleSheet.create({
     backgroundColor: '$primaryBackgroundColor',
   },
   dotStyle: {
-    backgroundColor: '$primaryDarkText',
+    backgroundColor: '$darkGrayBackground',
   },
   chartContainer: {
     height: 112,