diff --git a/apps/wallet-mobile/src/components/Button/Button.tsx b/apps/wallet-mobile/src/components/Button/Button.tsx index a26d8585d9..cc7e1dde4a 100644 --- a/apps/wallet-mobile/src/components/Button/Button.tsx +++ b/apps/wallet-mobile/src/components/Button/Button.tsx @@ -88,6 +88,7 @@ export const Button = (props: ButtonProps) => { outlineOnLight && styles.textOutlineOnLight, outlineOnLight && shelleyTheme && styles.textShelleyOutlineOnLight, outlineShelley && styles.textOutlineShelley, + props.disabled && styles.buttonDisabledText, textStyles, ]} > @@ -153,6 +154,10 @@ const useStyles = () => { }, buttonDisabled: { opacity: 0.5, + color: color.gray_cmin, + }, + buttonDisabledText: { + color: color.gray_cmin, }, shelleyTheme: { backgroundColor: color.primary_c500, diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/ErrorScreen.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/ErrorScreen.tsx index c8a617c73e..7157621acc 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/ErrorScreen.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/ErrorScreen.tsx @@ -34,7 +34,7 @@ export const ErrorScreen = () => { } const useStyles = () => { - const {atoms} = useTheme() + const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { @@ -45,6 +45,7 @@ const useStyles = () => { text: { ...atoms.heading_3_medium, ...atoms.text_center, + color: color.text_gray_max, maxWidth: 340, }, button: { diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/LoadingScreen.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/LoadingScreen.tsx index 6dfd8803f6..2700199827 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/LoadingScreen.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/LoadingScreen.tsx @@ -21,7 +21,7 @@ export const LoadingLinkScreen = () => { } const useStyles = () => { - const {atoms} = useTheme() + const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { @@ -32,6 +32,7 @@ const useStyles = () => { text: { ...atoms.heading_3_medium, ...atoms.text_center, + color: color.text_gray_max, maxWidth: 340, }, })