From 1340a4e8d0eb6b08115fb9191deed0df97ebf926 Mon Sep 17 00:00:00 2001
From: jorbuedo <jorbuedo@gmail.com>
Date: Wed, 2 Oct 2024 14:51:43 +0200
Subject: [PATCH] input selected color

---
 .../src/features/Exchange/common/AmountCard/AmountCard.tsx      | 2 +-
 .../useCases/ListAmountsToSend/EditAmount/EditAmountScreen.tsx  | 2 +-
 .../useCases/RestoreWallet/MnemonicInput/MnemonicInput.tsx      | 2 +-
 .../src/features/Swap/common/AmountCard/AmountCard.tsx          | 2 +-
 .../StartOrderSwapScreen/CreateOrder/EditPrice/EditPrice.tsx    | 2 +-
 .../EditSlippage/EditSlippageScreen/EditSlippageScreen.tsx      | 2 +-
 packages/theme/src/themed-palettes/black.ts                     | 2 ++
 packages/theme/src/themed-palettes/light.ts                     | 2 ++
 packages/theme/src/types.ts                                     | 2 ++
 9 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/wallet-mobile/src/features/Exchange/common/AmountCard/AmountCard.tsx b/apps/wallet-mobile/src/features/Exchange/common/AmountCard/AmountCard.tsx
index f75cdbb42c..24e487d36b 100644
--- a/apps/wallet-mobile/src/features/Exchange/common/AmountCard/AmountCard.tsx
+++ b/apps/wallet-mobile/src/features/Exchange/common/AmountCard/AmountCard.tsx
@@ -196,7 +196,7 @@ const useStyles = () => {
   })
   const colors = {
     placeholder: color.gray_600,
-    focused: color.gray_600,
+    focused: color.input_selected,
     blur: color.gray_900,
   }
   return {styles, colors} as const
diff --git a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/EditAmountScreen.tsx b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/EditAmountScreen.tsx
index d9ccd5ae9e..44d0d8578c 100644
--- a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/EditAmountScreen.tsx
+++ b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/EditAmountScreen.tsx
@@ -274,7 +274,7 @@ const useStyles = () => {
   })
   const colors = {
     black: color.gray_max,
-    selected: color.text_gray_medium,
+    selected: color.input_selected,
   }
   return {styles, colors} as const
 }
diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/MnemonicInput.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/MnemonicInput.tsx
index 5af388f3db..71d088a171 100644
--- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/MnemonicInput.tsx
+++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/MnemonicInput.tsx
@@ -314,7 +314,7 @@ const MnemonicWordInput = React.forwardRef<MnemonicWordInputRef, MnemonicWordInp
         }}
         onBlur={handleOnBlur}
         cursorColor={colors.primary_600} // only works for android
-        selectionColor={Platform.OS === 'android' ? colors.gray_100 : undefined} // on ios, selectionColor changes cursor and selection
+        selectionColor={Platform.OS === 'android' ? colors.input_selected : undefined} // on ios, selectionColor changes cursor and selection
         keyboardType={Platform.OS === 'android' ? 'visible-password' : undefined} // to hide keyboard suggestions on android
         keyboardAppearance={isDark ? 'dark' : 'light'} // ios feature
       />
diff --git a/apps/wallet-mobile/src/features/Swap/common/AmountCard/AmountCard.tsx b/apps/wallet-mobile/src/features/Swap/common/AmountCard/AmountCard.tsx
index b260b05ce3..1ae9968fc4 100644
--- a/apps/wallet-mobile/src/features/Swap/common/AmountCard/AmountCard.tsx
+++ b/apps/wallet-mobile/src/features/Swap/common/AmountCard/AmountCard.tsx
@@ -227,7 +227,7 @@ const useStyles = () => {
 
   const colors = {
     placeholder: color.gray_600,
-    focused: color.gray_900,
+    focused: color.input_selected,
     blur: color.black_static,
     noSelected: color.gray_400,
     gray: color.gray_max,
diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPrice/EditPrice.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPrice/EditPrice.tsx
index 4ecf57a3c6..27b3a971d1 100644
--- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPrice/EditPrice.tsx
+++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPrice/EditPrice.tsx
@@ -137,7 +137,7 @@ const useStyles = () => {
     },
   })
   const colors = {
-    cursor: color.text_gray_medium,
+    cursor: color.input_selected,
   }
   return {styles, colors} as const
 }
diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippageScreen/EditSlippageScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippageScreen/EditSlippageScreen.tsx
index a5fd0e2951..e6cdeabadf 100644
--- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippageScreen/EditSlippageScreen.tsx
+++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippageScreen/EditSlippageScreen.tsx
@@ -215,7 +215,7 @@ const useStyles = () => {
 
   const colors = {
     background: color.gray_100,
-    cursor: color.text_gray_medium,
+    cursor: color.input_selected,
   }
 
   return {styles, colors}
diff --git a/packages/theme/src/themed-palettes/black.ts b/packages/theme/src/themed-palettes/black.ts
index 7f151d2019..d086fe85fc 100644
--- a/packages/theme/src/themed-palettes/black.ts
+++ b/packages/theme/src/themed-palettes/black.ts
@@ -30,6 +30,8 @@ export const black: ThemedPalette = {
   el_gray_min: darkPalette.gray_400, // input stroke, disabled state for most components
   el_secondary: darkPalette.secondary_600, // success state
 
+  input_selected: `${darkPalette.primary_200}${opacity._80}`,
+
   mobile_overlay: `${darkPalette.black_static}${opacity._64}`, // mobile bottom sheet overlay
   mobile_bg_blur: `${darkPalette.gray_50}${opacity._80}`, // mobile bottom sheet background
 
diff --git a/packages/theme/src/themed-palettes/light.ts b/packages/theme/src/themed-palettes/light.ts
index da05dbf651..fd1034739f 100644
--- a/packages/theme/src/themed-palettes/light.ts
+++ b/packages/theme/src/themed-palettes/light.ts
@@ -30,6 +30,8 @@ export const light: ThemedPalette = {
   el_gray_min: lightPalette.gray_400, // icons, shapes, lines in buttons, chips, tabs, checkboxes, readio, switch
   el_secondary: lightPalette.secondary_400, // success state
 
+  input_selected: `${lightPalette.primary_200}${opacity._80}`,
+
   mobile_overlay: `${lightPalette.black_static}${opacity._40}`, // mobile bottom sheet overlay
   mobile_bg_blur: `${lightPalette.white_static}${opacity._80}`, // mobile bottom sheet background
 
diff --git a/packages/theme/src/types.ts b/packages/theme/src/types.ts
index a8031ec031..fa8554796a 100644
--- a/packages/theme/src/types.ts
+++ b/packages/theme/src/types.ts
@@ -104,6 +104,8 @@ export type ThemedPalette = BasePalette & {
   el_gray_min: HexColor
   el_secondary: HexColor
 
+  input_selected: HexColor
+
   web_overlay: HexColor
   web_bg_sidebar_active: HexColor
   web_bg_sidebar_inactive: HexColor