From 356f135f7e1bd2df9624c21a5deca66931dd682b Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Fri, 12 Aug 2022 21:09:12 +0500
Subject: [PATCH 1/3] added dark gray background color

---
 src/themes/darkTheme.js  | 1 +
 src/themes/lightTheme.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/themes/darkTheme.js b/src/themes/darkTheme.js
index 4e3cc06fa..25d21bba2 100644
--- a/src/themes/darkTheme.js
+++ b/src/themes/darkTheme.js
@@ -8,6 +8,7 @@ export default {
   $primaryLightBackground: '#2e3d51',
   $primaryGrayBackground: '#1e2835',
   $primaryWhiteLightBackground: '#2e3d51',
+  $darkGrayBackground: '#526d91',
   $modalBackground: '#1e2835',
   $white: '#1e2835',
   $black: '#000000',
diff --git a/src/themes/lightTheme.js b/src/themes/lightTheme.js
index 11a45d24b..6936745ac 100644
--- a/src/themes/lightTheme.js
+++ b/src/themes/lightTheme.js
@@ -8,6 +8,7 @@ export default {
   $primaryLightBackground: '#f6f6f6',
   $primaryGrayBackground: '#f5f5f5',
   $primaryWhiteLightBackground: '#ffffff',
+  $darkGrayBackground: '#788187',
   $modalBackground: '#ededed',
   $white: '#FFFFFF',
   $black: '#000000',

From 509ad4703311ee7d99cc9ebd32594523293c23a7 Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Sat, 13 Aug 2022 00:47:41 +0500
Subject: [PATCH 2/3] updated styling to use appropriate gray background

---
 src/components/horizontalIconList/horizontalIconListStyles.js   | 2 +-
 .../toastNotification/view/toastNotificationStyles.js           | 2 +-
 src/screens/coinDetails/children/rangeSelector.tsx              | 2 +-
 src/screens/editor/children/postOptionsModal.tsx                | 2 +-
 src/screens/editor/children/postOptionsModalStyles.ts           | 1 -
 src/screens/wallet/children/children.styles.ts                  | 2 +-
 6 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/horizontalIconList/horizontalIconListStyles.js b/src/components/horizontalIconList/horizontalIconListStyles.js
index 46dfd6970..b15a1d7ba 100644
--- a/src/components/horizontalIconList/horizontalIconListStyles.js
+++ b/src/components/horizontalIconList/horizontalIconListStyles.js
@@ -33,7 +33,7 @@ export default EStyleSheet.create({
   },
   icon: {
     fontSize: 24,
-    color: '$primaryDarkText',
+    color: '$darkGrayBackground',
   },
   badge: {
     position: 'absolute',
diff --git a/src/components/toastNotification/view/toastNotificationStyles.js b/src/components/toastNotification/view/toastNotificationStyles.js
index 84338ff48..7742183e9 100644
--- a/src/components/toastNotification/view/toastNotificationStyles.js
+++ b/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,
diff --git a/src/screens/coinDetails/children/rangeSelector.tsx b/src/screens/coinDetails/children/rangeSelector.tsx
index 84a98d9c1..ea8d0d5b1 100644
--- a/src/screens/coinDetails/children/rangeSelector.tsx
+++ b/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={{
diff --git a/src/screens/editor/children/postOptionsModal.tsx b/src/screens/editor/children/postOptionsModal.tsx
index 96da79723..bf0e79f9d 100644
--- a/src/screens/editor/children/postOptionsModal.tsx
+++ b/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"})}
diff --git a/src/screens/editor/children/postOptionsModalStyles.ts b/src/screens/editor/children/postOptionsModalStyles.ts
index 4837ff767..f6146c230 100644
--- a/src/screens/editor/children/postOptionsModalStyles.ts
+++ b/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,
diff --git a/src/screens/wallet/children/children.styles.ts b/src/screens/wallet/children/children.styles.ts
index 9d1c7914a..106244569 100644
--- a/src/screens/wallet/children/children.styles.ts
+++ b/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,

From 2b9e0d8d9db0a64e42812983550bc2dfdc99831b Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Sat, 13 Aug 2022 00:50:26 +0500
Subject: [PATCH 3/3] clean up

---
 src/screens/editor/children/postOptionsModal.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/screens/editor/children/postOptionsModal.tsx b/src/screens/editor/children/postOptionsModal.tsx
index bf0e79f9d..386fadff0 100644
--- a/src/screens/editor/children/postOptionsModal.tsx
+++ b/src/screens/editor/children/postOptionsModal.tsx
@@ -7,7 +7,6 @@ import styles from './postOptionsModalStyles';
 import ThumbSelectionContent from './thumbSelectionContent';
 import {View as AnimatedView} from 'react-native-animatable';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
-import EStyleSheet from 'react-native-extended-stylesheet';
 
 const REWARD_TYPES = [
   {