fix(qr): colors

Emurgo · Aug 28, 2024 · ff95e0f · ff95e0f
1 parent 5207d85
commit ff95e0f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/...t-mobile/src/components/ShareQRCodeCard/CaptureShareQRCodeCard/CaptureShareQRCodeCard.tsx b/...t-mobile/src/components/ShareQRCodeCard/CaptureShareQRCodeCard/CaptureShareQRCodeCard.tsx
@@ -32,7 +32,7 @@ export const CaptureShareQRCodeCard = ({content}: ShareProps) => {
 
         <View style={styles.addressContainer}>
           <View style={styles.qrCode}>
-            <QRCode value={content} size={170} color={colors.black} backgroundColor={colors.white} />
+            <QRCode value={content} size={170} color={colors.white} backgroundColor={colors.black} />
           </View>
 
           <Spacer height={16} />
@@ -50,7 +50,7 @@ const useStyles = () => {
 
   const styles = StyleSheet.create({
     qrCode: {
-      backgroundColor: color.bg_color_high,
+      backgroundColor: color.white_static,
       padding: 10,
       borderRadius: 8,
     },

diff --git a/apps/wallet-mobile/src/components/ShareQRCodeCard/ShareQRCodeCard.tsx b/apps/wallet-mobile/src/components/ShareQRCodeCard/ShareQRCodeCard.tsx
@@ -123,7 +123,7 @@ const useStyles = () => {
 
   const styles = StyleSheet.create({
     qrCode: {
-      backgroundColor: color.bg_color_high,
+      backgroundColor: color.white_static,
       padding: 10,
       borderRadius: 8,
     },
@@ -175,8 +175,8 @@ const useStyles = () => {
 
   const colors = {
     bgCard: color.bg_gradient_1,
-    white: color.gray_cmin,
-    black: color.gray_cmax,
+    white: color.white_static,
+    black: color.black_static,
   }
 
   return {styles, colors, qrSize} as const

diff --git a/.../wallet-mobile/src/features/Transactions/useCases/TxDetails/AddressModal/AddressModal.tsx b/.../wallet-mobile/src/features/Transactions/useCases/TxDetails/AddressModal/AddressModal.tsx
@@ -25,7 +25,7 @@ type Props = {
 export const AddressModal = ({address, path}: Props) => {
   const strings = useStrings()
   const keyHashes = useKeyHashes({address})
-  const {styles} = useStyles()
+  const {styles, colors} = useStyles()
   const {
     meta: {implementation},
   } = useSelectedWallet()
@@ -35,7 +35,7 @@ export const AddressModal = ({address, path}: Props) => {
   return (
     <ScrollView style={styles.scroll}>
       <View style={styles.qrCode}>
-        <QRCode value={address} size={140} backgroundColor="white" color="black" />
+        <QRCode value={address} size={140} color={colors.white} backgroundColor={colors.black} />
       </View>
 
       <Spacer width={4} />
@@ -142,5 +142,13 @@ const useStyles = () => {
       color: color.gray_c900,
     },
   })
-  return {styles}
+
+  const colors = {
+    white: color.gray_cmin,
+    black: color.gray_cmax,
+    transparent: 'transparent',
+    backgroundGradientCard: color.bg_gradient_1,
+  }
+
+  return {styles, colors} as const
 }