diff --git a/apps/wallet-mobile/.storybook/stories/Button/ExampleButton.js b/apps/wallet-mobile/.storybook/stories/Button/ExampleButton.js index 7ade4979b0..a219c6dbff 100644 --- a/apps/wallet-mobile/.storybook/stories/Button/ExampleButton.js +++ b/apps/wallet-mobile/.storybook/stories/Button/ExampleButton.js @@ -18,10 +18,10 @@ const useStyles = () => { container: { ...atoms.px_lg, ...atoms.py_sm, - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, borderRadius: 8, }, - text: {color: color.gray_cmin}, + text: {color: color.gray_min}, }) return styles diff --git a/apps/wallet-mobile/src/WalletNavigator.tsx b/apps/wallet-mobile/src/WalletNavigator.tsx index 4b64dc7397..19011da328 100644 --- a/apps/wallet-mobile/src/WalletNavigator.tsx +++ b/apps/wallet-mobile/src/WalletNavigator.tsx @@ -274,10 +274,10 @@ const useStyles = () => { }) const colors = { - active: color.text_primary_high, + active: color.text_primary_max, inactive: color.text_gray_medium, - background: color.gray_cmin, - divider: color.gray_c200, + background: color.gray_min, + divider: color.gray_200, } return {colors, styles} diff --git a/apps/wallet-mobile/src/components/Accordion/Accordion.tsx b/apps/wallet-mobile/src/components/Accordion/Accordion.tsx index 4c934ecb0e..a8b586b009 100644 --- a/apps/wallet-mobile/src/components/Accordion/Accordion.tsx +++ b/apps/wallet-mobile/src/components/Accordion/Accordion.tsx @@ -71,7 +71,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, header: { ...atoms.flex_row, @@ -85,7 +85,7 @@ const useStyles = () => { headerLabel: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_c800, + color: color.gray_800, }, content: { ...atoms.flex_1, @@ -99,7 +99,7 @@ const useStyles = () => { }, }) const colors = { - gray: color.gray_c800, + gray: color.gray_800, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/components/AmountItem/AmountItem.tsx b/apps/wallet-mobile/src/components/AmountItem/AmountItem.tsx index 883a0d464a..b2c3e12d19 100644 --- a/apps/wallet-mobile/src/components/AmountItem/AmountItem.tsx +++ b/apps/wallet-mobile/src/components/AmountItem/AmountItem.tsx @@ -131,12 +131,12 @@ const useStyles = () => { height: 56, }, placeholderElement1: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, borderRadius: 8, flexGrow: 3, }, placeholderElement2: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, borderRadius: 8, flexGrow: 1, }, @@ -150,20 +150,20 @@ const useStyles = () => { alignItems: 'flex-end', }, name: { - color: color.gray_c900, + color: color.gray_900, fontSize: 16, lineHeight: 22, fontWeight: '500', fontFamily: 'Rubik-Medium', }, detail: { - color: color.gray_c600, + color: color.gray_600, fontSize: 12, lineHeight: 18, maxWidth: 140, }, quantity: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_regular, textAlign: 'right', flexGrow: 1, @@ -176,8 +176,8 @@ const useStyles = () => { }) const colors = { - text: color.gray_c900, - icon: color.secondary_c600, + text: color.gray_900, + icon: color.secondary_600, } return {styles, colors} diff --git a/apps/wallet-mobile/src/components/Analytics/Analytics.tsx b/apps/wallet-mobile/src/components/Analytics/Analytics.tsx index 9a629aee81..f2905f13e6 100644 --- a/apps/wallet-mobile/src/components/Analytics/Analytics.tsx +++ b/apps/wallet-mobile/src/components/Analytics/Analytics.tsx @@ -191,7 +191,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, content: { alignItems: 'center', @@ -211,7 +211,7 @@ const useStyles = () => { alignItems: 'baseline', }, link: { - color: color.primary_c600, + color: color.primary_600, textAlign: 'center', }, title: { @@ -222,15 +222,15 @@ const useStyles = () => { borderWidth: 0, }, skipText: { - color: color.primary_c900, + color: color.primary_900, }, tick: { - color: color.primary_c700, + color: color.primary_700, paddingRight: 8, fontSize: 16, }, cross: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, paddingRight: 8, fontSize: 16, }, @@ -243,13 +243,13 @@ const useStyles = () => { width: '100%', position: 'absolute', bottom: 0, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, height: BOTTOM_BUTTON_ROW_HEIGHT, padding: 16, }, borderTop: { borderTopWidth: 1, - borderTopColor: color.gray_c500, + borderTopColor: color.gray_500, }, }) diff --git a/apps/wallet-mobile/src/components/Banner/Banner.tsx b/apps/wallet-mobile/src/components/Banner/Banner.tsx index d1f6bfac71..d05f310697 100644 --- a/apps/wallet-mobile/src/components/Banner/Banner.tsx +++ b/apps/wallet-mobile/src/components/Banner/Banner.tsx @@ -51,16 +51,16 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ banner: { - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, ...atoms.p_lg, alignItems: 'center', justifyContent: 'center', }, textError: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, bannerError: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.py_sm, }, label: { diff --git a/apps/wallet-mobile/src/components/Boundary/Boundary.tsx b/apps/wallet-mobile/src/components/Boundary/Boundary.tsx index f3efe8b76f..d17826f6d8 100644 --- a/apps/wallet-mobile/src/components/Boundary/Boundary.tsx +++ b/apps/wallet-mobile/src/components/Boundary/Boundary.tsx @@ -249,7 +249,7 @@ const useStyles = () => { }, container: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.align_center, ...atoms.p_lg, }, diff --git a/apps/wallet-mobile/src/components/Button/Button.tsx b/apps/wallet-mobile/src/components/Button/Button.tsx index b40c8f2fcc..40840e03ba 100644 --- a/apps/wallet-mobile/src/components/Button/Button.tsx +++ b/apps/wallet-mobile/src/components/Button/Button.tsx @@ -106,7 +106,7 @@ const useStyles = () => { const buttonOutline = { borderWidth: 2, - borderColor: color.gray_cmin, + borderColor: color.gray_min, backgroundColor: 'transparent', } const styles = StyleSheet.create({ @@ -114,7 +114,7 @@ const useStyles = () => { flex: 1, }, button: { - backgroundColor: color.secondary_c500, + backgroundColor: color.secondary_500, minHeight: 48, maxHeight: 54, borderRadius: 8, @@ -129,11 +129,11 @@ const useStyles = () => { ...buttonOutline, }, mainTheme: { - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, buttonOutlineOnLight: { ...buttonOutline, - borderColor: color.secondary_c500, + borderColor: color.secondary_500, }, buttonOutlineShelley: { ...buttonOutline, @@ -147,7 +147,7 @@ const useStyles = () => { textTransform: 'uppercase', }, textOutlineOnLight: { - color: color.secondary_c500, + color: color.secondary_500, }, textOutlineShelley: { color: color.text_primary_medium, @@ -159,20 +159,20 @@ const useStyles = () => { color: color.text_gray_min, }, shelleyTheme: { - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, shelleyOutlineOnLight: { backgroundColor: 'transparent', - borderColor: color.primary_c600, + borderColor: color.primary_600, borderWidth: 2, }, textShelleyOutlineOnLight: { - color: color.primary_c600, + color: color.primary_600, fontWeight: '600', }, isCopying: { position: 'absolute', - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, alignItems: 'center', justifyContent: 'center', top: -50, @@ -181,7 +181,7 @@ const useStyles = () => { zIndex: 10, }, copiedText: { - color: color.gray_cmin, + color: color.gray_min, textAlign: 'center', ...atoms.p_sm, ...atoms.body_2_md_medium, diff --git a/apps/wallet-mobile/src/components/ChainWarning/GradientWarning.tsx b/apps/wallet-mobile/src/components/ChainWarning/GradientWarning.tsx index 90da57cf8f..80345d7df8 100644 --- a/apps/wallet-mobile/src/components/ChainWarning/GradientWarning.tsx +++ b/apps/wallet-mobile/src/components/ChainWarning/GradientWarning.tsx @@ -26,7 +26,7 @@ export const GradientWarning = ({title, description, onClose}: Props) => { > {onClose != null && ( - + )} @@ -52,12 +52,12 @@ const useStyles = () => { title: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_cmax, + color: color.gray_max, }, description: { ...atoms.body_2_md_regular, ...atoms.font_normal, - color: color.gray_c900, + color: color.gray_900, }, closeButton: { ...atoms.absolute, diff --git a/apps/wallet-mobile/src/components/Checkbox/Checkbox.tsx b/apps/wallet-mobile/src/components/Checkbox/Checkbox.tsx index 28aecbef3c..cc816fff7f 100644 --- a/apps/wallet-mobile/src/components/Checkbox/Checkbox.tsx +++ b/apps/wallet-mobile/src/components/Checkbox/Checkbox.tsx @@ -38,7 +38,7 @@ const useStyles = () => { text: { flex: 1, ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, icon: { ...atoms.py_xs, diff --git a/apps/wallet-mobile/src/components/ConfirmTx/ConfirmTx.tsx b/apps/wallet-mobile/src/components/ConfirmTx/ConfirmTx.tsx index 30b8d77ce0..d0cb76a882 100644 --- a/apps/wallet-mobile/src/components/ConfirmTx/ConfirmTx.tsx +++ b/apps/wallet-mobile/src/components/ConfirmTx/ConfirmTx.tsx @@ -317,7 +317,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, actionContainer: { justifyContent: 'space-between', diff --git a/apps/wallet-mobile/src/components/ConfirmTxWithOsModal/ConfirmTxWithOsModal.tsx b/apps/wallet-mobile/src/components/ConfirmTxWithOsModal/ConfirmTxWithOsModal.tsx index e2788fe781..bd4ba92c97 100644 --- a/apps/wallet-mobile/src/components/ConfirmTxWithOsModal/ConfirmTxWithOsModal.tsx +++ b/apps/wallet-mobile/src/components/ConfirmTxWithOsModal/ConfirmTxWithOsModal.tsx @@ -70,7 +70,7 @@ const useStyles = () => { ...atoms.px_lg, }, errorMessage: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, textAlign: 'center', }, }) diff --git a/apps/wallet-mobile/src/components/ConfirmTxWithSpendingPasswordModal/ConfirmTxWithSpendingPasswordModal.tsx b/apps/wallet-mobile/src/components/ConfirmTxWithSpendingPasswordModal/ConfirmTxWithSpendingPasswordModal.tsx index 975e1cf69e..f7581653b4 100644 --- a/apps/wallet-mobile/src/components/ConfirmTxWithSpendingPasswordModal/ConfirmTxWithSpendingPasswordModal.tsx +++ b/apps/wallet-mobile/src/components/ConfirmTxWithSpendingPasswordModal/ConfirmTxWithSpendingPasswordModal.tsx @@ -134,7 +134,7 @@ const useStyles = () => { paddingBottom: 8, }, errorMessage: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, textAlign: 'center', }, loading: { diff --git a/apps/wallet-mobile/src/components/CopyButton.tsx b/apps/wallet-mobile/src/components/CopyButton.tsx index d2d5fd9f02..b7a18259ac 100644 --- a/apps/wallet-mobile/src/components/CopyButton.tsx +++ b/apps/wallet-mobile/src/components/CopyButton.tsx @@ -70,13 +70,13 @@ const useStyles = () => { const {color, atoms} = useTheme() const colors = { - gray: color.gray_c900, + gray: color.gray_900, } const styles = StyleSheet.create({ isCopying: { position: 'absolute', - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, alignItems: 'center', justifyContent: 'center', bottom: 20, @@ -86,7 +86,7 @@ const useStyles = () => { zIndex: 10, }, copiedText: { - color: color.gray_cmin, + color: color.gray_min, textAlign: 'center', padding: 8, flex: 1, diff --git a/apps/wallet-mobile/src/components/ErrorBoundary/ErrorBoundary.tsx b/apps/wallet-mobile/src/components/ErrorBoundary/ErrorBoundary.tsx index 636d64400f..247787b6fa 100644 --- a/apps/wallet-mobile/src/components/ErrorBoundary/ErrorBoundary.tsx +++ b/apps/wallet-mobile/src/components/ErrorBoundary/ErrorBoundary.tsx @@ -100,30 +100,30 @@ const useStyles = () => { justifyContent: 'center', alignItems: 'center', paddingTop: 70, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, scroll: { width: '100%', }, title: { ...atoms.heading_4_regular, - color: color.el_gray_high, + color: color.el_gray_max, }, headerView: { alignItems: 'center', }, paragraph: { ...atoms.body_2_md_regular, - color: color.el_gray_high, + color: color.el_gray_max, }, errorSection: { ...atoms.py_lg, - color: color.el_gray_high, + color: color.el_gray_max, }, errorSectionHeader: { flexDirection: 'row', justifyContent: 'space-between', - color: color.el_gray_high, + color: color.el_gray_max, }, }) return styles diff --git a/apps/wallet-mobile/src/components/ErrorBoundary/ExpandableItem/ExpandableItem.tsx b/apps/wallet-mobile/src/components/ErrorBoundary/ExpandableItem/ExpandableItem.tsx index a65534884c..0728f9f6ea 100644 --- a/apps/wallet-mobile/src/components/ErrorBoundary/ExpandableItem/ExpandableItem.tsx +++ b/apps/wallet-mobile/src/components/ErrorBoundary/ExpandableItem/ExpandableItem.tsx @@ -52,12 +52,12 @@ const useStyles = () => { ...atoms.p_md, }, disabled: { - color: color.gray_c600, + color: color.gray_600, }, contentWrapper: { ...atoms.p_lg, }, }) - return {styles, colors: {icon: color.gray_cmax}} as const + return {styles, colors: {icon: color.gray_max}} as const } diff --git a/apps/wallet-mobile/src/components/ErrorModal/ErrorModal.tsx b/apps/wallet-mobile/src/components/ErrorModal/ErrorModal.tsx index 9ca760b4f1..7dd700fee8 100644 --- a/apps/wallet-mobile/src/components/ErrorModal/ErrorModal.tsx +++ b/apps/wallet-mobile/src/components/ErrorModal/ErrorModal.tsx @@ -91,7 +91,7 @@ export const ErrorModal = ({visible, title, errorMessage, errorLogs, onRequestCl const useStyles = () => { const {color, atoms} = useTheme() const text = { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_2_md_regular, } const styles = StyleSheet.create({ @@ -124,7 +124,7 @@ const useStyles = () => { showErrorTrigger: { flex: 1, ...text, - color: color.gray_c700, + color: color.gray_700, }, errorSectionView: { elevation: 1, @@ -132,7 +132,7 @@ const useStyles = () => { shadowRadius: 12, shadowOpacity: 0.06, shadowColor: color.black_static, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, borderRadius: 8, }, errorSectionContent: { @@ -143,7 +143,7 @@ const useStyles = () => { }, }) const colors = { - icon: color.gray_c400, + icon: color.gray_400, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/components/ErrorPanel/ErrorPanel.tsx b/apps/wallet-mobile/src/components/ErrorPanel/ErrorPanel.tsx index d8187bfeb2..3da8859aab 100644 --- a/apps/wallet-mobile/src/components/ErrorPanel/ErrorPanel.tsx +++ b/apps/wallet-mobile/src/components/ErrorPanel/ErrorPanel.tsx @@ -35,7 +35,7 @@ const useStyles = () => { }, }) const colors = { - icon: color.sys_magenta_c500, + icon: color.sys_magenta_500, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/components/ExpandableInfoCard/ExpandableInfoCard.tsx b/apps/wallet-mobile/src/components/ExpandableInfoCard/ExpandableInfoCard.tsx index 2eb8a0b850..3b390582c9 100644 --- a/apps/wallet-mobile/src/components/ExpandableInfoCard/ExpandableInfoCard.tsx +++ b/apps/wallet-mobile/src/components/ExpandableInfoCard/ExpandableInfoCard.tsx @@ -190,16 +190,16 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { ...atoms.p_lg, - borderColor: color.gray_c200, - backgroundColor: color.bg_color_high, + borderColor: color.gray_200, + backgroundColor: color.bg_color_max, borderRadius: 8, borderWidth: 1, width: '100%', height: 'auto', }, shadowProp: { - backgroundColor: color.bg_color_high, - shadowColor: color.gray_cmax, + backgroundColor: color.bg_color_max, + shadowColor: color.gray_max, shadowOffset: { width: 0, height: 1, @@ -222,15 +222,15 @@ const useStyles = () => { text: { textAlign: 'left', ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, gray: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_1_lg_regular, }, buttonLabel: { paddingTop: 13, - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_2_md_medium, }, info: { @@ -241,10 +241,10 @@ const useStyles = () => { textAlign: 'right', flexShrink: 1, ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, label: { - color: color.gray_c600, + color: color.gray_600, paddingRight: 8, ...atoms.body_1_lg_regular, }, @@ -254,8 +254,8 @@ const useStyles = () => { }) const colors = { - skeletonBackground: color.gray_c200, - gray: color.gray_cmax, + skeletonBackground: color.gray_200, + gray: color.gray_max, } return {styles, colors} diff --git a/apps/wallet-mobile/src/components/Hr/Hr.tsx b/apps/wallet-mobile/src/components/Hr/Hr.tsx index 6e25e6dbf3..a9a909b1c7 100644 --- a/apps/wallet-mobile/src/components/Hr/Hr.tsx +++ b/apps/wallet-mobile/src/components/Hr/Hr.tsx @@ -15,7 +15,7 @@ const useStyles = () => { }, }) const colors = { - bgLine: color.gray_c200, + bgLine: color.gray_200, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/components/Icon/Direction.tsx b/apps/wallet-mobile/src/components/Icon/Direction.tsx index 5344657f63..2abcf7195b 100644 --- a/apps/wallet-mobile/src/components/Icon/Direction.tsx +++ b/apps/wallet-mobile/src/components/Icon/Direction.tsx @@ -40,24 +40,24 @@ export const styleMap: ( color: ThemedPalette, ) => Record = (color) => ({ SELF: { - text: color.gray_c900, - background: color.gray_c100, - icon: color.gray_c900, + text: color.gray_900, + background: color.gray_100, + icon: color.gray_900, }, SENT: { - text: color.primary_c600, - background: color.primary_c100, - icon: color.primary_c500, + text: color.primary_600, + background: color.primary_100, + icon: color.primary_500, }, RECEIVED: { - text: color.secondary_c600, - background: color.secondary_c100, - icon: color.secondary_c600, + text: color.secondary_600, + background: color.secondary_100, + icon: color.secondary_600, }, MULTI: { - text: color.gray_c900, - background: color.gray_c100, - icon: color.gray_c900, + text: color.gray_900, + background: color.gray_100, + icon: color.gray_900, size: 50, }, }) diff --git a/apps/wallet-mobile/src/components/Icon/EmptyCheckbox.tsx b/apps/wallet-mobile/src/components/Icon/EmptyCheckbox.tsx index 2d9e5f7b61..339d0773e7 100644 --- a/apps/wallet-mobile/src/components/Icon/EmptyCheckbox.tsx +++ b/apps/wallet-mobile/src/components/Icon/EmptyCheckbox.tsx @@ -12,7 +12,7 @@ export const EmptyCheckbox = (props: SvgProps) => { fillRule="evenodd" clipRule="evenodd" d="M13 2H3a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1zM2 0a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2H2z" - fill={color.gray_c900} + fill={color.gray_900} /> diff --git a/apps/wallet-mobile/src/components/Icon/Switch.tsx b/apps/wallet-mobile/src/components/Icon/Switch.tsx index 13fad7a790..212273fdd8 100644 --- a/apps/wallet-mobile/src/components/Icon/Switch.tsx +++ b/apps/wallet-mobile/src/components/Icon/Switch.tsx @@ -6,7 +6,7 @@ type Props = {size: number; color?: string} export const Switch = (props: Props) => { const {color: colors} = useTheme() - const {size, color = colors.primary_c500} = props + const {size, color = colors.primary_500} = props return ( { const {color} = useTheme() const styles = StyleSheet.create({ defaultStyle: { - borderColor: color.gray_cmax, + borderColor: color.gray_max, borderRadius: 6, borderWidth: 0.5, alignItems: 'center', diff --git a/apps/wallet-mobile/src/components/Icon/WingRiders.tsx b/apps/wallet-mobile/src/components/Icon/WingRiders.tsx index b02b1f8cad..6aa8c7656a 100644 --- a/apps/wallet-mobile/src/components/Icon/WingRiders.tsx +++ b/apps/wallet-mobile/src/components/Icon/WingRiders.tsx @@ -12,7 +12,7 @@ export const WingRiders = ({size = 36}: Props) => { ) diff --git a/apps/wallet-mobile/src/components/LanguagePicker/LanguagePicker.tsx b/apps/wallet-mobile/src/components/LanguagePicker/LanguagePicker.tsx index 3112f2909c..aeb2655e89 100644 --- a/apps/wallet-mobile/src/components/LanguagePicker/LanguagePicker.tsx +++ b/apps/wallet-mobile/src/components/LanguagePicker/LanguagePicker.tsx @@ -71,7 +71,7 @@ const useStyles = () => { }, hr: { height: 1, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, item: { flexDirection: 'row', @@ -81,11 +81,11 @@ const useStyles = () => { }, itemText: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, }) const colors = { - icon: color.primary_c600, + icon: color.primary_600, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/components/LanguagePicker/LanguagePickerWarning.tsx b/apps/wallet-mobile/src/components/LanguagePicker/LanguagePickerWarning.tsx index 7ed4519941..feadca171d 100644 --- a/apps/wallet-mobile/src/components/LanguagePicker/LanguagePickerWarning.tsx +++ b/apps/wallet-mobile/src/components/LanguagePicker/LanguagePickerWarning.tsx @@ -39,7 +39,7 @@ const useStyles = () => { ...atoms.p_lg, }, dialogSquare: { - backgroundColor: color.bg_color_low, + backgroundColor: color.bg_color_min, borderRadius: 8, ...atoms.p_lg, }, @@ -50,12 +50,12 @@ const useStyles = () => { }, markdownText: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, }) const colors = { - icon: color.el_gray_high, + icon: color.el_gray_max, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/components/Line.tsx b/apps/wallet-mobile/src/components/Line.tsx index d7218bc9af..71f17b83a7 100644 --- a/apps/wallet-mobile/src/components/Line.tsx +++ b/apps/wallet-mobile/src/components/Line.tsx @@ -27,7 +27,7 @@ const useStyles = () => { }) const colors = { - background: color.gray_c700, + background: color.gray_700, } return {styles, colors} diff --git a/apps/wallet-mobile/src/components/Link/Link.tsx b/apps/wallet-mobile/src/components/Link/Link.tsx index 52cadf2d49..22f4535d34 100644 --- a/apps/wallet-mobile/src/components/Link/Link.tsx +++ b/apps/wallet-mobile/src/components/Link/Link.tsx @@ -23,7 +23,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ text: { - color: color.primary_c600, + color: color.primary_600, textDecorationLine: 'underline', }, }) diff --git a/apps/wallet-mobile/src/components/Modal/FullModalScreen.tsx b/apps/wallet-mobile/src/components/Modal/FullModalScreen.tsx index 760477bb9a..1d7920f366 100644 --- a/apps/wallet-mobile/src/components/Modal/FullModalScreen.tsx +++ b/apps/wallet-mobile/src/components/Modal/FullModalScreen.tsx @@ -13,7 +13,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.flex_1, - backgroundColor: isDark ? color.gray_c50 : color.white_static, + backgroundColor: isDark ? color.gray_50 : color.white_static, }, }) return {styles} as const diff --git a/apps/wallet-mobile/src/components/Modal/ModalScreen.tsx b/apps/wallet-mobile/src/components/Modal/ModalScreen.tsx index 8f4228c91f..406596cf20 100644 --- a/apps/wallet-mobile/src/components/Modal/ModalScreen.tsx +++ b/apps/wallet-mobile/src/components/Modal/ModalScreen.tsx @@ -113,7 +113,7 @@ const useStyles = () => { backgroundColor: color.mobile_overlay, }, fixBottomColor: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, bottom: 0, left: 0, right: 0, @@ -128,7 +128,7 @@ const useStyles = () => { borderTopLeftRadius: 20, }, sheet: { - backgroundColor: isDark ? color.gray_c50 : color.white_static, + backgroundColor: isDark ? color.gray_50 : color.white_static, ...atoms.flex_1, ...atoms.self_stretch, }, @@ -142,7 +142,7 @@ const useStyles = () => { ...atoms.self_stretch, }, slider: { - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, height: 4, width: 32, borderRadius: 10, diff --git a/apps/wallet-mobile/src/components/ModalError/ModalError.tsx b/apps/wallet-mobile/src/components/ModalError/ModalError.tsx index 2cd0c45913..e9f074f12f 100644 --- a/apps/wallet-mobile/src/components/ModalError/ModalError.tsx +++ b/apps/wallet-mobile/src/components/ModalError/ModalError.tsx @@ -91,7 +91,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ message: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, ...atoms.body_1_lg_regular, ...atoms.text_center, }, @@ -110,7 +110,7 @@ const useStyles = () => { }) const colors = { - error: color.sys_magenta_c500, + error: color.sys_magenta_500, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/components/ModalScreenWrapper/ModalScreenWrapper.tsx b/apps/wallet-mobile/src/components/ModalScreenWrapper/ModalScreenWrapper.tsx index 87f8339d2d..a6d2aef630 100644 --- a/apps/wallet-mobile/src/components/ModalScreenWrapper/ModalScreenWrapper.tsx +++ b/apps/wallet-mobile/src/components/ModalScreenWrapper/ModalScreenWrapper.tsx @@ -109,7 +109,7 @@ const useStyles = () => { }, sheet: { flex: 1, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, borderTopRightRadius: 20, borderTopLeftRadius: 20, alignSelf: 'stretch', @@ -121,7 +121,7 @@ const useStyles = () => { fontFamily: 'Rubik-Medium', fontSize: 20, padding: 16, - color: color.gray_cmax, + color: color.gray_max, }, header: { alignItems: 'center', @@ -129,7 +129,7 @@ const useStyles = () => { }, slider: { height: 4, - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, width: 32, borderRadius: 10, }, diff --git a/apps/wallet-mobile/src/components/NumericKeyboard.tsx b/apps/wallet-mobile/src/components/NumericKeyboard.tsx index 415a02942d..e790879bba 100644 --- a/apps/wallet-mobile/src/components/NumericKeyboard.tsx +++ b/apps/wallet-mobile/src/components/NumericKeyboard.tsx @@ -57,7 +57,7 @@ const Key = ({value, onPress}: KeyboardKeyProps) => { onPress(value)} - underlayColor={color.el_gray_low} + underlayColor={color.el_gray_min} testID={`pinKey${value}`} > {value} @@ -76,10 +76,10 @@ const BackspaceKey = ({onPress}: {onPress: (value: string) => void}) => { onPress('BACKSPACE')} - underlayColor={color.el_gray_low} + underlayColor={color.el_gray_min} testID="pinKeyBACKSPACE" > - + ) } @@ -95,7 +95,7 @@ const useStyles = () => { const styles = StyleSheet.create({ keyboard: { height: 248.5, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, keyboardRow: { flex: 1, @@ -108,8 +108,8 @@ const useStyles = () => { borderTopWidth: StyleSheet.hairlineWidth, borderLeftWidth: StyleSheet.hairlineWidth, borderRightWidth: StyleSheet.hairlineWidth, - borderColor: color.el_gray_normal, - backgroundColor: color.gray_cmin, + borderColor: color.el_gray_medium, + backgroundColor: color.gray_min, }, keyboardKeyText: { fontSize: 30, @@ -120,7 +120,7 @@ const useStyles = () => { flex: 1, alignItems: 'center', justifyContent: 'center', - backgroundColor: color.gray_c300, + backgroundColor: color.gray_300, }, }) diff --git a/apps/wallet-mobile/src/components/PleaseWaitModal.tsx b/apps/wallet-mobile/src/components/PleaseWaitModal.tsx index 200f276b2f..6412f2654a 100644 --- a/apps/wallet-mobile/src/components/PleaseWaitModal.tsx +++ b/apps/wallet-mobile/src/components/PleaseWaitModal.tsx @@ -16,7 +16,7 @@ export const PleaseWaitView = ({title, spinnerText}: PleaseWaitViewProps) => { {title} - + @@ -43,12 +43,12 @@ const useStyles = () => { ...atoms.p_lg, }, title: { - color: color.gray_c900, + color: color.gray_900, ...atoms.text_center, ...atoms.heading_4_medium, }, wait: { - color: color.gray_c900, + color: color.gray_900, ...atoms.text_center, ...atoms.body_2_md_regular, ...atoms.py_lg, diff --git a/apps/wallet-mobile/src/components/ProgressCircle.tsx b/apps/wallet-mobile/src/components/ProgressCircle.tsx index 4b953e78e1..c5e182c74f 100644 --- a/apps/wallet-mobile/src/components/ProgressCircle.tsx +++ b/apps/wallet-mobile/src/components/ProgressCircle.tsx @@ -54,7 +54,7 @@ const useStyles = () => { }, textWrapper: { ...atoms.heading_4_medium, - color: color.gray_c700, + color: color.gray_700, textAlign: 'center', }, chart: { diff --git a/apps/wallet-mobile/src/components/ProgressStep.tsx b/apps/wallet-mobile/src/components/ProgressStep.tsx index 47cb895f93..0ca17d867f 100644 --- a/apps/wallet-mobile/src/components/ProgressStep.tsx +++ b/apps/wallet-mobile/src/components/ProgressStep.tsx @@ -42,12 +42,12 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ bar: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, height: 10, flexDirection: 'row', }, step: { - backgroundColor: color.secondary_c400, + backgroundColor: color.secondary_400, alignItems: 'center', justifyContent: 'center', flexGrow: 1, @@ -56,12 +56,12 @@ const useStyles = () => { marginHorizontal: 0.5, }, todoStep: { - backgroundColor: color.secondary_c200, + backgroundColor: color.secondary_200, }, stepNumber: { fontSize: 7, lineHeight: 10, - color: color.gray_cmin, + color: color.gray_min, }, }) return styles diff --git a/apps/wallet-mobile/src/components/SafeArea.tsx b/apps/wallet-mobile/src/components/SafeArea.tsx index ccb0defd0a..da1f50bc62 100644 --- a/apps/wallet-mobile/src/components/SafeArea.tsx +++ b/apps/wallet-mobile/src/components/SafeArea.tsx @@ -18,7 +18,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) return styles diff --git a/apps/wallet-mobile/src/components/ScreenBackground.tsx b/apps/wallet-mobile/src/components/ScreenBackground.tsx index 9956baaf28..75fb5999ce 100644 --- a/apps/wallet-mobile/src/components/ScreenBackground.tsx +++ b/apps/wallet-mobile/src/components/ScreenBackground.tsx @@ -11,7 +11,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, }) diff --git a/apps/wallet-mobile/src/components/ShareQRCodeCard/CaptureShareQRCodeCard/CaptureShareQRCodeCard.tsx b/apps/wallet-mobile/src/components/ShareQRCodeCard/CaptureShareQRCodeCard/CaptureShareQRCodeCard.tsx index 49d88eadd1..ddba161f2f 100644 --- a/apps/wallet-mobile/src/components/ShareQRCodeCard/CaptureShareQRCodeCard/CaptureShareQRCodeCard.tsx +++ b/apps/wallet-mobile/src/components/ShareQRCodeCard/CaptureShareQRCodeCard/CaptureShareQRCodeCard.tsx @@ -81,8 +81,8 @@ const useStyles = () => { }) const colors = { - white: color.gray_cmin, - black: color.gray_cmax, + white: color.gray_min, + black: color.gray_max, transparent: 'transparent', backgroundGradientCard: color.bg_gradient_1, } diff --git a/apps/wallet-mobile/src/components/ShareQRCodeCard/ShareQRCodeCard.tsx b/apps/wallet-mobile/src/components/ShareQRCodeCard/ShareQRCodeCard.tsx index a5ffe6b0cf..a69445d647 100644 --- a/apps/wallet-mobile/src/components/ShareQRCodeCard/ShareQRCodeCard.tsx +++ b/apps/wallet-mobile/src/components/ShareQRCodeCard/ShareQRCodeCard.tsx @@ -140,30 +140,30 @@ const useStyles = () => { }, title: { ...atoms.heading_3_medium, - color: color.gray_cmax, + color: color.gray_max, }, textAddress: { textAlign: 'center', ...atoms.body_2_md_medium, - color: color.gray_cmax, + color: color.gray_max, }, textShareAddress: { height: 32, textAlignVertical: 'center', - color: color.gray_c900, + color: color.gray_900, ...atoms.button_2_md, textTransform: 'uppercase', letterSpacing: 0.5, }, copiedText: { - color: color.gray_cmin, + color: color.gray_min, textAlign: 'center', padding: 8, ...atoms.body_2_md_medium, }, isCopying: { position: 'absolute', - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, alignItems: 'center', justifyContent: 'center', bottom: 60, diff --git a/apps/wallet-mobile/src/components/SomethingWentWrong/SomethingWentWrong.tsx b/apps/wallet-mobile/src/components/SomethingWentWrong/SomethingWentWrong.tsx index fd8cccb26b..f4367707e4 100644 --- a/apps/wallet-mobile/src/components/SomethingWentWrong/SomethingWentWrong.tsx +++ b/apps/wallet-mobile/src/components/SomethingWentWrong/SomethingWentWrong.tsx @@ -51,7 +51,7 @@ const useStyles = () => { ...theme.atoms.justify_center, ...theme.atoms.align_center, ...theme.atoms.gap_2xl, - backgroundColor: theme.color.gray_cmin, + backgroundColor: theme.color.gray_min, }, content: { ...theme.atoms.justify_center, @@ -59,14 +59,14 @@ const useStyles = () => { ...theme.atoms.gap_xs, }, title: { - color: theme.color.gray_c900, + color: theme.color.gray_900, ...theme.atoms.font_semibold, ...theme.atoms.text_center, fontSize: 20, lineHeight: 30, }, description: { - color: theme.color.gray_c600, + color: theme.color.gray_600, ...theme.atoms.font_normal, ...theme.atoms.text_center, fontSize: 16, diff --git a/apps/wallet-mobile/src/components/Space/Space.tsx b/apps/wallet-mobile/src/components/Space/Space.tsx index c28a4b19e5..71634acaee 100644 --- a/apps/wallet-mobile/src/components/Space/Space.tsx +++ b/apps/wallet-mobile/src/components/Space/Space.tsx @@ -1,5 +1,5 @@ -import {baseSpace, SpacingSize} from '@yoroi/theme' -import React from 'react' +import {SpacingSize, tokens} from '@yoroi/theme' +import * as React from 'react' import {View, ViewStyle} from 'react-native' const debugStyle = {backgroundColor: 'red', opacity: 0.2} @@ -13,8 +13,8 @@ type Props = { } export const Space = ({height = 'sm', width = 'sm', fill, style, debug}: Props) => { - const heightValue = baseSpace[height] - const widthValue = baseSpace[width] + const heightValue = tokens.space[height] + const widthValue = tokens.space[width] return } diff --git a/apps/wallet-mobile/src/components/StepperProgress/StepperProgress.tsx b/apps/wallet-mobile/src/components/StepperProgress/StepperProgress.tsx index c0c194b5b5..451ba3963a 100644 --- a/apps/wallet-mobile/src/components/StepperProgress/StepperProgress.tsx +++ b/apps/wallet-mobile/src/components/StepperProgress/StepperProgress.tsx @@ -73,7 +73,7 @@ const useStyles = () => { }, currentStepTitle: { ...atoms.body_1_lg_medium, - color: color.primary_c600, + color: color.primary_600, }, }) return {styles} as const diff --git a/apps/wallet-mobile/src/components/Tabs/Tabs.tsx b/apps/wallet-mobile/src/components/Tabs/Tabs.tsx index d72652cd86..a7a32fd538 100644 --- a/apps/wallet-mobile/src/components/Tabs/Tabs.tsx +++ b/apps/wallet-mobile/src/components/Tabs/Tabs.tsx @@ -58,10 +58,10 @@ const useStyles = () => { ...atoms.body_1_lg_medium, }, tabTextActive: { - color: color.primary_c600, + color: color.primary_600, }, tabTextInactive: { - color: color.gray_c600, + color: color.gray_600, }, indicator: { position: 'absolute', @@ -70,12 +70,12 @@ const useStyles = () => { width: '100%', borderTopLeftRadius: 2, borderTopRightRadius: 2, - backgroundColor: color.primary_c600, + backgroundColor: color.primary_600, }, tabNavigatorRoot: { flex: 1, paddingTop: 8, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, borderTopLeftRadius: 8, borderTopRightRadius: 8, }, diff --git a/apps/wallet-mobile/src/components/Text.tsx b/apps/wallet-mobile/src/components/Text.tsx index 72480a98bc..81700ab8c4 100644 --- a/apps/wallet-mobile/src/components/Text.tsx +++ b/apps/wallet-mobile/src/components/Text.tsx @@ -73,19 +73,19 @@ const useStyles = () => { const styles = StyleSheet.create({ text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, secondary: { - color: color.gray_c700, + color: color.gray_700, }, small: { ...atoms.body_3_sm_regular, }, light: { - color: color.gray_cmin, + color: color.gray_min, }, error: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, bold: { fontFamily: 'Rubik-Medium', diff --git a/apps/wallet-mobile/src/components/TextInput/TextInput.tsx b/apps/wallet-mobile/src/components/TextInput/TextInput.tsx index 801ee6f67b..d894d0081b 100644 --- a/apps/wallet-mobile/src/components/TextInput/TextInput.tsx +++ b/apps/wallet-mobile/src/components/TextInput/TextInput.tsx @@ -120,7 +120,7 @@ export const TextInput = React.forwardRef((props: TextInputProps, ref: Forwarded theme={{ roundness: 8, colors: { - background: faded ? colors.gray_c100 : colors.background, + background: faded ? colors.gray_100 : colors.background, placeholder: faded ? colors.gray : colors.textInput, primary: faded ? colors.gray : colors.black, error: colors.textError, @@ -133,7 +133,7 @@ export const TextInput = React.forwardRef((props: TextInputProps, ref: Forwarded @@ -244,15 +244,15 @@ const useStyles = () => { const colors = { ...color, - background: color.gray_cmin, - gray: color.gray_c400, - textInput: color.gray_c600, - actionGray: color.gray_c500, - black: color.gray_cmax, - text: color.gray_c900, - textError: color.sys_magenta_c500, - infoGray: color.gray_c700, - positiveGreen: color.secondary_c500, + background: color.gray_min, + gray: color.gray_400, + textInput: color.gray_600, + actionGray: color.gray_500, + black: color.gray_max, + text: color.gray_900, + textError: color.sys_magenta_500, + infoGray: color.gray_700, + positiveGreen: color.secondary_500, } return {styles, colors} diff --git a/apps/wallet-mobile/src/components/TitledCard.tsx b/apps/wallet-mobile/src/components/TitledCard.tsx index db4d1acd39..b78d06ad50 100644 --- a/apps/wallet-mobile/src/components/TitledCard.tsx +++ b/apps/wallet-mobile/src/components/TitledCard.tsx @@ -27,7 +27,7 @@ const useStyles = () => { const styles = StyleSheet.create({ title: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, justifyContent: 'center', }, content: { @@ -39,7 +39,7 @@ const useStyles = () => { shadowRadius: 12, shadowOffset: {width: 0, height: 2}, shadowColor: 'rgba(0, 0, 0, 0.06)', - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, poolInfoContent: { ...atoms.p_0, diff --git a/apps/wallet-mobile/src/components/TokenIcon/TokenIcon.tsx b/apps/wallet-mobile/src/components/TokenIcon/TokenIcon.tsx index 50cff2f3ec..7e5ba8dfa2 100644 --- a/apps/wallet-mobile/src/components/TokenIcon/TokenIcon.tsx +++ b/apps/wallet-mobile/src/components/TokenIcon/TokenIcon.tsx @@ -86,7 +86,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ primary: { - backgroundColor: color.primary_c600, + backgroundColor: color.primary_600, }, icon: { backgroundColor: 'transparent', @@ -105,7 +105,7 @@ const useStyles = () => { justifyContent: 'center', }, placeholder: { - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, }, placeholderSmall: { width: 24, @@ -114,7 +114,7 @@ const useStyles = () => { }) const colors = { - icon: color.gray_c600, + icon: color.gray_600, } return {styles, colors} diff --git a/apps/wallet-mobile/src/components/Tooltip/Tooltip.tsx b/apps/wallet-mobile/src/components/Tooltip/Tooltip.tsx index a204e22a4f..220e822bc5 100644 --- a/apps/wallet-mobile/src/components/Tooltip/Tooltip.tsx +++ b/apps/wallet-mobile/src/components/Tooltip/Tooltip.tsx @@ -205,7 +205,7 @@ const useStyles = () => { justifyContent: 'center', paddingVertical: 5, paddingHorizontal: 12, - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, borderRadius: 4, position: 'absolute', }, @@ -217,7 +217,7 @@ const useStyles = () => { }, content: { ...atoms.body_2_md_regular, - color: color.gray_cmin, + color: color.gray_min, }, pressContainer: {} as ViewStyle, }) diff --git a/apps/wallet-mobile/src/components/Warning/Warning.tsx b/apps/wallet-mobile/src/components/Warning/Warning.tsx index d847104228..320ee76732 100644 --- a/apps/wallet-mobile/src/components/Warning/Warning.tsx +++ b/apps/wallet-mobile/src/components/Warning/Warning.tsx @@ -25,18 +25,18 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ notice: { - backgroundColor: color.sys_yellow_c100, + backgroundColor: color.sys_yellow_100, padding: 12, borderRadius: 8, }, text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, }) const colors = { - yellow: color.sys_orange_c500, + yellow: color.sys_orange_500, } return {colors, styles} diff --git a/apps/wallet-mobile/src/components/YoroiLogo/YoroiLogo.tsx b/apps/wallet-mobile/src/components/YoroiLogo/YoroiLogo.tsx index 966798b6d6..7e0fb3afc8 100644 --- a/apps/wallet-mobile/src/components/YoroiLogo/YoroiLogo.tsx +++ b/apps/wallet-mobile/src/components/YoroiLogo/YoroiLogo.tsx @@ -61,12 +61,12 @@ const useStyles = () => { alignItems: 'center', }, yoroiLogoTitle: { - color: color.primary_c600, + color: color.primary_600, ...atoms.heading_1_medium, }, yoroiLogoText: { ...atoms.body_2_md_regular, - color: color.gray_c900, + color: color.gray_900, }, }) return styles diff --git a/apps/wallet-mobile/src/components/legacy/Modal/Modal.tsx b/apps/wallet-mobile/src/components/legacy/Modal/Modal.tsx index 3ecb302041..c016d03b2a 100644 --- a/apps/wallet-mobile/src/components/legacy/Modal/Modal.tsx +++ b/apps/wallet-mobile/src/components/legacy/Modal/Modal.tsx @@ -102,7 +102,7 @@ const useStyles = () => { }, container: { height: 350, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, borderRadius: 4, ...atoms.px_xl, }, @@ -123,14 +123,14 @@ const useStyles = () => { }, title: { ...atoms.heading_3_medium, - color: color.gray_c600, + color: color.gray_600, alignSelf: 'center', ...atoms.pt_sm, }, }) const colors = { - icon: color.gray_c400, + icon: color.gray_400, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Auth/OsAuthScreen/OsAuthScreen.tsx b/apps/wallet-mobile/src/features/Auth/OsAuthScreen/OsAuthScreen.tsx index b13c6a9686..cfc20f6273 100644 --- a/apps/wallet-mobile/src/features/Auth/OsAuthScreen/OsAuthScreen.tsx +++ b/apps/wallet-mobile/src/features/Auth/OsAuthScreen/OsAuthScreen.tsx @@ -148,7 +148,7 @@ const useStyles = () => { ...atoms.align_center, }, welcomeMessageText: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.text_center, fontSize: 50, lineHeight: 60, @@ -163,7 +163,7 @@ const useStyles = () => { }, }) const colors = { - icon: color.el_gray_high, + icon: color.el_gray_max, } return {colors, styles} as const } diff --git a/apps/wallet-mobile/src/features/Auth/PinInput/PinInput.tsx b/apps/wallet-mobile/src/features/Auth/PinInput/PinInput.tsx index 0faa0d9221..9caf997116 100644 --- a/apps/wallet-mobile/src/features/Auth/PinInput/PinInput.tsx +++ b/apps/wallet-mobile/src/features/Auth/PinInput/PinInput.tsx @@ -95,7 +95,7 @@ const useStyles = () => { const styles = StyleSheet.create({ pinInput: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, info: { flex: 1, @@ -106,13 +106,13 @@ const useStyles = () => { fontFamily: 'Rubik-Medium', fontSize: 20, lineHeight: 30, - color: color.gray_cmax, + color: color.gray_max, }, subtitle: { fontFamily: 'Rubik-Regular', fontSize: 14, lineHeight: 22, - color: color.gray_c600, + color: color.gray_600, maxWidth: 320, textAlign: 'center', }, @@ -131,10 +131,10 @@ const useStyles = () => { }, pinCircleInactive: { borderWidth: 2, - borderColor: color.primary_c600, + borderColor: color.primary_600, }, pinCircleActive: { - backgroundColor: color.primary_c600, + backgroundColor: color.primary_600, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Auth/PinLoginScreen/PinLoginScreen.tsx b/apps/wallet-mobile/src/features/Auth/PinLoginScreen/PinLoginScreen.tsx index 15be47a43e..7b5e9d33e3 100644 --- a/apps/wallet-mobile/src/features/Auth/PinLoginScreen/PinLoginScreen.tsx +++ b/apps/wallet-mobile/src/features/Auth/PinLoginScreen/PinLoginScreen.tsx @@ -59,7 +59,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Claim/useCases/AskConfirmation.tsx b/apps/wallet-mobile/src/features/Claim/useCases/AskConfirmation.tsx index d1ac86ed42..794ddc1caa 100644 --- a/apps/wallet-mobile/src/features/Claim/useCases/AskConfirmation.tsx +++ b/apps/wallet-mobile/src/features/Claim/useCases/AskConfirmation.tsx @@ -95,7 +95,7 @@ const useStyles = () => { ...atoms.justify_between, }, warning: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.font_normal, ...atoms.text_center, ...atoms.body_1_lg_regular, diff --git a/apps/wallet-mobile/src/features/Claim/useCases/ShowSuccessScreen.tsx b/apps/wallet-mobile/src/features/Claim/useCases/ShowSuccessScreen.tsx index 32b836b98b..8543ab0ddc 100644 --- a/apps/wallet-mobile/src/features/Claim/useCases/ShowSuccessScreen.tsx +++ b/apps/wallet-mobile/src/features/Claim/useCases/ShowSuccessScreen.tsx @@ -154,7 +154,7 @@ const useStyles = () => { }, root: { ...atoms.flex_1, - color: color.bg_color_high, + color: color.bg_color_max, }, header: { ...atoms.align_center, diff --git a/apps/wallet-mobile/src/features/Dev/DeveloperScreen.tsx b/apps/wallet-mobile/src/features/Dev/DeveloperScreen.tsx index 4aec117d2b..5a3d14dc3b 100644 --- a/apps/wallet-mobile/src/features/Dev/DeveloperScreen.tsx +++ b/apps/wallet-mobile/src/features/Dev/DeveloperScreen.tsx @@ -242,7 +242,7 @@ const useStyles = () => { safeAreaView: { flex: 1, paddingTop: 50, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, container: { flex: 1, diff --git a/apps/wallet-mobile/src/features/Discover/BrowserNavigator.tsx b/apps/wallet-mobile/src/features/Discover/BrowserNavigator.tsx index 2d779bac0e..91c7cc4282 100644 --- a/apps/wallet-mobile/src/features/Discover/BrowserNavigator.tsx +++ b/apps/wallet-mobile/src/features/Discover/BrowserNavigator.tsx @@ -30,7 +30,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Discover/common/ConfirmConnectionModal.tsx b/apps/wallet-mobile/src/features/Discover/common/ConfirmConnectionModal.tsx index 8ba41eb0f7..e2e1670126 100644 --- a/apps/wallet-mobile/src/features/Discover/common/ConfirmConnectionModal.tsx +++ b/apps/wallet-mobile/src/features/Discover/common/ConfirmConnectionModal.tsx @@ -141,7 +141,7 @@ const SingleAddressDAppWarning = () => { const useStyles = () => { const {atoms, color} = useTheme() - const colors = {icon: color.el_gray_high} + const colors = {icon: color.el_gray_max} const styles = StyleSheet.create({ imagesLine: { ...atoms.flex, @@ -162,11 +162,11 @@ const useStyles = () => { ...atoms.gap_xs, }, text: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, bold: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_medium, ...atoms.font_semibold, }, @@ -179,10 +179,10 @@ const useStyles = () => { }, warningText: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, link: { - color: color.sys_cyan_c500, + color: color.sys_cyan_500, }, }) return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Discover/common/ConfirmHWConnectionModal.tsx b/apps/wallet-mobile/src/features/Discover/common/ConfirmHWConnectionModal.tsx index 273c09d693..8af634e566 100644 --- a/apps/wallet-mobile/src/features/Discover/common/ConfirmHWConnectionModal.tsx +++ b/apps/wallet-mobile/src/features/Discover/common/ConfirmHWConnectionModal.tsx @@ -89,7 +89,7 @@ const useStyles = () => { const {color} = useTheme() const colors = { - spinner: color.gray_cmax, + spinner: color.gray_max, } const styles = StyleSheet.create({ @@ -101,7 +101,7 @@ const useStyles = () => { }, text: { fontSize: 18, - color: color.gray_cmax, + color: color.gray_max, textAlign: 'center', }, }) diff --git a/apps/wallet-mobile/src/features/Discover/common/LabelCategoryDApp.tsx b/apps/wallet-mobile/src/features/Discover/common/LabelCategoryDApp.tsx index c8f300c0f3..dbc8746d0e 100644 --- a/apps/wallet-mobile/src/features/Discover/common/LabelCategoryDApp.tsx +++ b/apps/wallet-mobile/src/features/Discover/common/LabelCategoryDApp.tsx @@ -25,7 +25,7 @@ const useStyles = () => { const styles = StyleSheet.create({ labelContainer: { borderRadius: 20, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingVertical: 1, paddingHorizontal: 6, height: 24, @@ -37,7 +37,7 @@ const useStyles = () => { }, labelText: { ...atoms.body_3_sm_medium, - color: color.primary_c600, + color: color.primary_600, }, }) diff --git a/apps/wallet-mobile/src/features/Discover/common/LabelConnected.tsx b/apps/wallet-mobile/src/features/Discover/common/LabelConnected.tsx index c330814678..ebc32b9d1c 100644 --- a/apps/wallet-mobile/src/features/Discover/common/LabelConnected.tsx +++ b/apps/wallet-mobile/src/features/Discover/common/LabelConnected.tsx @@ -19,7 +19,7 @@ const useStyles = () => { const styles = StyleSheet.create({ labelContainer: { - backgroundColor: color.secondary_c600, + backgroundColor: color.secondary_600, ...atoms.px_sm, paddingVertical: 3, borderRadius: 999, @@ -27,7 +27,7 @@ const useStyles = () => { labelText: { ...atoms.body_3_sm_medium, fontWeight: '500', - color: color.gray_cmin, + color: color.gray_min, }, }) diff --git a/apps/wallet-mobile/src/features/Discover/common/LabelSingleAddress.tsx b/apps/wallet-mobile/src/features/Discover/common/LabelSingleAddress.tsx index beea9e9c4a..e2c248a041 100644 --- a/apps/wallet-mobile/src/features/Discover/common/LabelSingleAddress.tsx +++ b/apps/wallet-mobile/src/features/Discover/common/LabelSingleAddress.tsx @@ -19,14 +19,14 @@ const useStyles = () => { const styles = StyleSheet.create({ labelContainer: { - backgroundColor: color.el_gray_low, + backgroundColor: color.el_gray_min, ...atoms.px_sm, paddingVertical: 3, borderRadius: 999, }, labelText: { ...atoms.body_3_sm_medium, - color: color.gray_cmin, + color: color.gray_min, }, }) diff --git a/apps/wallet-mobile/src/features/Discover/common/UnverifiedDappModal.tsx b/apps/wallet-mobile/src/features/Discover/common/UnverifiedDappModal.tsx index 5a56caadeb..0e0ee65241 100644 --- a/apps/wallet-mobile/src/features/Discover/common/UnverifiedDappModal.tsx +++ b/apps/wallet-mobile/src/features/Discover/common/UnverifiedDappModal.tsx @@ -61,7 +61,7 @@ const useStyles = () => { ...atoms.gap_xs, }, text: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_regular, }, container: { diff --git a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowseDappScreen.tsx b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowseDappScreen.tsx index 57714cd093..008eb67347 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowseDappScreen.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowseDappScreen.tsx @@ -52,7 +52,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, listContainer: { ...atoms.flex_grow, diff --git a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserSearchToolbar.tsx b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserSearchToolbar.tsx index eb28aafa66..660609561b 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserSearchToolbar.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserSearchToolbar.tsx @@ -57,7 +57,7 @@ const BackButton = (props: TouchableOpacityProps) => { return ( - + ) } diff --git a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabBar.tsx b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabBar.tsx index d6b3f5e111..d8b5fe1a20 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabBar.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabBar.tsx @@ -22,9 +22,9 @@ export const BrowserTabBar = ({webViewRef, webViewState}: Props) => { const totalTabs = Math.min(tabs.length, 99) - const colorBackward = webViewState.canGoBack ? color.gray_c800 : color.gray_c500 - const colorForward = webViewState.canGoForward ? color.gray_c800 : color.gray_c500 - const colorRefresh = !webViewState.loading ? color.gray_c800 : color.gray_c500 + const colorBackward = webViewState.canGoBack ? color.gray_800 : color.gray_500 + const colorForward = webViewState.canGoForward ? color.gray_800 : color.gray_500 + const colorRefresh = !webViewState.loading ? color.gray_800 : color.gray_500 const handleRefresh = () => { if (!webViewRef.current) return @@ -119,7 +119,7 @@ const useStyles = () => { gap: 16, ...atoms.px_lg, ...atoms.pt_md, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, shadow: { shadowColor: '#054037', @@ -147,7 +147,7 @@ const useStyles = () => { alignItems: 'center', }, tabNumber: { - color: color.gray_c800, + color: color.gray_800, fontWeight: '500', fontSize: 10, lineHeight: 18, @@ -155,7 +155,7 @@ const useStyles = () => { }) const colors = { - iconNormal: color.gray_c800, + iconNormal: color.gray_800, } return {styles, color, colors} as const diff --git a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabsBar.tsx b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabsBar.tsx index a0030d0b45..22b04f5f40 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabsBar.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabsBar.tsx @@ -61,7 +61,7 @@ const useStyles = () => { flex: 1, }, root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingVertical: 12, paddingHorizontal: 16, flexDirection: 'row', @@ -85,13 +85,13 @@ const useStyles = () => { ...atoms.body_2_md_medium, }, doneText: { - color: color.el_gray_normal, + color: color.el_gray_medium, ...atoms.body_2_md_medium, }, }) const colors = { - iconColor: color.el_gray_normal, + iconColor: color.el_gray_medium, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserToolbar.tsx b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserToolbar.tsx index a521eb33a4..f444b6b0fb 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserToolbar.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserToolbar.tsx @@ -48,7 +48,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingVertical: 10, paddingHorizontal: 16, flexDirection: 'row', @@ -57,14 +57,14 @@ const useStyles = () => { }, boxURI: { borderRadius: 8, - backgroundColor: color.gray_c50, + backgroundColor: color.gray_50, paddingVertical: 13, paddingHorizontal: 12, flex: 1, }, uriText: { ...atoms.body_2_md_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, urlContainer: { flexDirection: 'row', @@ -74,7 +74,7 @@ const useStyles = () => { }) const colors = { - iconColor: color.el_gray_normal, + iconColor: color.el_gray_medium, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/WebViewItem.tsx b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/WebViewItem.tsx index 681f7bf4ea..c1a271c10b 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/WebViewItem.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/WebViewItem.tsx @@ -160,12 +160,12 @@ const useStyles = () => { const styles = StyleSheet.create({ switchTabRoot: { borderWidth: 2, - borderColor: color.gray_c200, + borderColor: color.gray_200, height: 160, overflow: 'hidden', }, switchTabRootActive: { - borderColor: color.primary_c500, + borderColor: color.primary_500, }, roundedContainer: { borderRadius: 8, @@ -178,7 +178,7 @@ const useStyles = () => { }, domainText: { ...atoms.body_2_md_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, closeTabPosition: { position: 'absolute', diff --git a/apps/wallet-mobile/src/features/Discover/useCases/ReviewTransaction/ReviewTransaction.tsx b/apps/wallet-mobile/src/features/Discover/useCases/ReviewTransaction/ReviewTransaction.tsx index 1aef9d1736..a56aa691b5 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/ReviewTransaction/ReviewTransaction.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/ReviewTransaction/ReviewTransaction.tsx @@ -274,7 +274,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, dropdown: { @@ -289,11 +289,11 @@ const useStyles = () => { }, buttonArea: { ...atoms.p_lg, - borderColor: color.gray_c200, + borderColor: color.gray_200, }, divider: { height: 1, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, dropdownText: { ...atoms.font_semibold, @@ -308,7 +308,7 @@ const useStyles = () => { alignItems: 'center', }, chipText: { - color: color.gray_cmin, + color: color.gray_min, paddingRight: 8, paddingLeft: 8, borderRadius: 12, @@ -324,10 +324,10 @@ const useStyles = () => { }, }) const colors = { - dropdownIcon: color.gray_c900, - ownAddress: color.primary_c500, - foreignAddress: color.gray_c900, - fee: color.sys_magenta_c500, + dropdownIcon: color.gray_900, + ownAddress: color.primary_500, + foreignAddress: color.gray_900, + fee: color.sys_magenta_500, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SearchDappInBrowser/SearchDappInBrowserScreen.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SearchDappInBrowser/SearchDappInBrowserScreen.tsx index 3634134daf..0dcaebb18a 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SearchDappInBrowser/SearchDappInBrowserScreen.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SearchDappInBrowser/SearchDappInBrowserScreen.tsx @@ -81,7 +81,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, dAppContainer: { ...atoms.p_lg, diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsAvailable/CountDAppsAvailable.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsAvailable/CountDAppsAvailable.tsx index 3c4e4b3c5c..4331cda075 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsAvailable/CountDAppsAvailable.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsAvailable/CountDAppsAvailable.tsx @@ -24,7 +24,7 @@ const useStyles = () => { const styles = StyleSheet.create({ availableText: { ...atoms.body_2_md_regular, - color: color.gray_c700, + color: color.gray_700, }, countAvailableBox: { ...atoms.px_lg, diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsConnected/CountDAppsConnected.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsConnected/CountDAppsConnected.tsx index 142a7ecac8..d7025430a8 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsConnected/CountDAppsConnected.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/CountDAppsConnected/CountDAppsConnected.tsx @@ -24,7 +24,7 @@ const useStyles = () => { const styles = StyleSheet.create({ availableText: { ...atoms.body_2_md_regular, - color: color.gray_c700, + color: color.gray_700, }, }) return {styles} as const diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppExplorerTabItem/DAppExplorerTabItem.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppExplorerTabItem/DAppExplorerTabItem.tsx index b84a7189d2..e140c97e43 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppExplorerTabItem/DAppExplorerTabItem.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppExplorerTabItem/DAppExplorerTabItem.tsx @@ -27,10 +27,10 @@ const useStyles = () => { }, text: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, }, containerActive: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, }) diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppItemSkeleton.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppItemSkeleton.tsx index a23f2b3788..dfa6efbae8 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppItemSkeleton.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppItemSkeleton.tsx @@ -6,7 +6,7 @@ export const DAppItemSkeleton = () => { const {color} = useTheme() return ( - + @@ -26,7 +26,7 @@ export const DAppTabSkeleton = () => { const {color} = useTheme() return ( - + ) @@ -36,7 +36,7 @@ export const DAppCountConnectedSkeleton = () => { const {color} = useTheme() return ( - + ) diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppListItem.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppListItem.tsx index 4c4104451e..6aca1f2716 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppListItem.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppListItem.tsx @@ -230,16 +230,16 @@ const useStyles = () => { gap: 12, }, nameText: { - color: color.gray_c900, + color: color.gray_900, fontWeight: '500', ...atoms.body_1_lg_medium, }, descriptionText: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_3_sm_regular, }, descriptionTextActive: { - color: color.gray_cmax, + color: color.gray_max, }, flexFull: { flex: 1, @@ -260,7 +260,7 @@ const useStyles = () => { }, dAppName: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, dAppInfo: { alignItems: 'center', @@ -281,13 +281,13 @@ const useStyles = () => { color: color.text_gray_max, }, link: { - color: color.sys_cyan_c500, + color: color.sys_cyan_500, }, }) const colors = { - icon: color.primary_c900, - dappIcon: color.gray_c600, + icon: color.primary_900, + dappIcon: color.gray_600, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx index bc7b9eb2cf..805e57194f 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx @@ -101,13 +101,13 @@ const useStyles = () => { ...atoms.p_2xs, height: 40, paddingHorizontal: 14, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flexDirection: 'row', alignItems: 'center', gap: 8, }, chipText: { - color: color.primary_c600, + color: color.primary_600, ...atoms.body_1_lg_regular, }, contentContainer: { @@ -116,10 +116,10 @@ const useStyles = () => { boxDisabledStyle: { borderWidth: 2, ...atoms.rounded_sm, - borderColor: color.el_primary_low, + borderColor: color.el_primary_min, }, textDisabledStyle: { - color: color.primary_c300, + color: color.primary_300, }, boxIdleStyle: { borderWidth: 2, @@ -129,27 +129,27 @@ const useStyles = () => { color: color.text_primary_medium, }, boxLimitedStyle: { - backgroundColor: color.el_secondary_medium, + backgroundColor: color.el_secondary, }, textLimitedStyle: { color: color.black_static, }, boxActivePressedStyle: { - backgroundColor: color.primary_c600, + backgroundColor: color.primary_600, }, boxActiveNonPressedStyle: { - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, textActiveStyle: { color: color.white_static, }, boxPressedStyle: { borderWidth: 2, - borderColor: color.el_primary_high, - backgroundColor: color.primary_c100, + borderColor: color.el_primary_max, + backgroundColor: color.primary_100, }, textPressedStyle: { - color: color.text_primary_high, + color: color.text_primary_max, }, }) diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/ListSkeleton.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/ListSkeleton.tsx index c89d1382e9..7bcac3399f 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/ListSkeleton.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/ListSkeleton.tsx @@ -31,7 +31,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, ...atoms.flex_1, }, diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/SelectDappFromListScreen.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/SelectDappFromListScreen.tsx index 0e771fc5e4..7f4be9faa2 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/SelectDappFromListScreen.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/SelectDappFromListScreen.tsx @@ -106,7 +106,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.px_lg, ...atoms.gap_lg, }, diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/WelcomeDAppModal.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/WelcomeDAppModal.tsx index 66f45026d4..a164e0cb11 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/WelcomeDAppModal.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/WelcomeDAppModal.tsx @@ -41,7 +41,7 @@ const useStyles = () => { const styles = StyleSheet.create({ welcomeText: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, marginTop: 16, }, actions: { 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 290fd194f6..245ccdaaf0 100644 --- a/apps/wallet-mobile/src/features/Exchange/common/AmountCard/AmountCard.tsx +++ b/apps/wallet-mobile/src/features/Exchange/common/AmountCard/AmountCard.tsx @@ -119,7 +119,7 @@ const useStyles = () => { container: { borderRadius: 8, borderWidth: 1, - borderColor: color.gray_c400, + borderColor: color.gray_400, paddingTop: 16, paddingBottom: 16, paddingLeft: 16, @@ -129,23 +129,23 @@ const useStyles = () => { }, active: { borderWidth: 2, - borderColor: color.gray_c900, + borderColor: color.gray_900, }, borderError: { - borderColor: color.sys_magenta_c500, + borderColor: color.sys_magenta_500, borderWidth: 2, }, label: { position: 'absolute', top: -7, left: 10, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingHorizontal: 5, fontSize: 12, - color: color.gray_c900, + color: color.gray_900, }, labelError: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, content: { display: 'flex', @@ -162,10 +162,10 @@ const useStyles = () => { maxWidth: 200, height: 34, fontSize: 16, - color: color.gray_cmax, + color: color.gray_max, }, grayText: { - color: color.gray_c600, + color: color.gray_600, }, rightSection: { flexDirection: 'column', @@ -179,21 +179,21 @@ const useStyles = () => { coinName: { ...atoms.body_1_lg_regular, fontWeight: '400', - color: color.gray_cmax, + color: color.gray_max, }, balanceText: { ...atoms.body_3_sm_regular, - color: color.gray_c600, + color: color.gray_600, }, errorText: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, ...atoms.body_3_sm_regular, }, }) const colors = { - placeholder: color.gray_c600, - focused: color.gray_c600, - blur: color.gray_c900, + placeholder: color.gray_600, + focused: color.gray_600, + blur: color.gray_900, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Exchange/common/ButtonActionGroup/ButtonActionGroup.tsx b/apps/wallet-mobile/src/features/Exchange/common/ButtonActionGroup/ButtonActionGroup.tsx index 6465633b72..64b32652f6 100644 --- a/apps/wallet-mobile/src/features/Exchange/common/ButtonActionGroup/ButtonActionGroup.tsx +++ b/apps/wallet-mobile/src/features/Exchange/common/ButtonActionGroup/ButtonActionGroup.tsx @@ -46,10 +46,10 @@ const useStyles = () => { borderRadius: 8, }, selected: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, label: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_1_lg_medium, }, }) diff --git a/apps/wallet-mobile/src/features/Exchange/common/ProviderItem/ProviderItem.tsx b/apps/wallet-mobile/src/features/Exchange/common/ProviderItem/ProviderItem.tsx index 5c44d9cbbc..601ff50b3f 100644 --- a/apps/wallet-mobile/src/features/Exchange/common/ProviderItem/ProviderItem.tsx +++ b/apps/wallet-mobile/src/features/Exchange/common/ProviderItem/ProviderItem.tsx @@ -63,11 +63,11 @@ const useStyles = () => { }, label: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, fee: { ...atoms.body_3_sm_regular, - color: color.gray_c600, + color: color.gray_600, }, }) diff --git a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerBig.tsx b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerBig.tsx index 4d568397d0..270a292951 100644 --- a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerBig.tsx +++ b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerBig.tsx @@ -60,7 +60,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.pb_md, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, gradient: { @@ -75,13 +75,13 @@ const useStyles = () => { }, label: { ...atoms.heading_3_medium, - color: color.gray_cmax, + color: color.gray_max, textAlign: 'center', }, text: { ...atoms.body_1_lg_regular, ...atoms.px_2xl, - color: color.gray_cmax, + color: color.gray_max, textAlign: 'center', }, spaceButton: { diff --git a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerSmall.tsx b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerSmall.tsx index b06792979c..f9968a406a 100644 --- a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerSmall.tsx +++ b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/BuyBannerSmall.tsx @@ -59,7 +59,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, gradient: { flex: 1, @@ -76,13 +76,13 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, flexShrink: 1, flexWrap: 'wrap', }, text: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, spaceButton: { maxWidth: 100, @@ -90,7 +90,7 @@ const useStyles = () => { }) const colors = { gradientColor: color.bg_gradient_1, - gray: color.gray_cmax, + gray: color.gray_max, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx index 87f677140e..1274b8b474 100644 --- a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx +++ b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx @@ -59,7 +59,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, gradient: { ...atoms.flex_1, @@ -76,7 +76,7 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, ...atoms.flex_wrap, ...atoms.flex_shrink, }, @@ -96,7 +96,7 @@ const useStyles = () => { }, text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, maxWidth: 270, }, spaceButton: { @@ -105,7 +105,7 @@ const useStyles = () => { }) const colors = { gradientColor: color.bg_gradient_1, - gray: color.gray_cmax, + gray: color.gray_max, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/SanchonetFaucetBanner.tsx b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/SanchonetFaucetBanner.tsx index 4e993cb2ad..891472382e 100644 --- a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/SanchonetFaucetBanner.tsx +++ b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/SanchonetFaucetBanner.tsx @@ -59,7 +59,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, gradient: { ...atoms.flex_1, @@ -76,7 +76,7 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, ...atoms.flex_wrap, ...atoms.flex_shrink, }, @@ -96,7 +96,7 @@ const useStyles = () => { }, text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, maxWidth: 270, }, spaceButton: { @@ -105,7 +105,7 @@ const useStyles = () => { }) const colors = { gradientColor: color.bg_gradient_1, - gray: color.gray_cmax, + gray: color.gray_max, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/CreateExchangeOrderScreen.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/CreateExchangeOrderScreen.tsx index e375404b61..64e6e75c3c 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/CreateExchangeOrderScreen.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/CreateExchangeOrderScreen.tsx @@ -209,7 +209,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, safeAreaView: { @@ -224,7 +224,7 @@ const useStyles = () => { }, actionBorder: { borderTopWidth: 1, - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowDisclaimer/ShowDisclaimer.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowDisclaimer/ShowDisclaimer.tsx index ed86e75413..86f3e7a9d0 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowDisclaimer/ShowDisclaimer.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowDisclaimer/ShowDisclaimer.tsx @@ -54,13 +54,13 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, fontWeight: '500', }, text: { ...atoms.body_2_md_regular, marginTop: 8, - color: color.gray_cmax, + color: color.gray_max, }, }) diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowPreprodNotice/ShowPreprodNotice.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowPreprodNotice/ShowPreprodNotice.tsx index 5f3e629d12..c72faf6984 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowPreprodNotice/ShowPreprodNotice.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowPreprodNotice/ShowPreprodNotice.tsx @@ -48,7 +48,7 @@ const useStyles = () => { justifyContent: 'center', }, title: { - color: color.gray_c900, + color: color.gray_900, ...atoms.heading_3_medium, ...atoms.px_sm, textAlign: 'center', diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowSanchonetNotice/ShowSanchonetNotice.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowSanchonetNotice/ShowSanchonetNotice.tsx index cd1a240a6f..691863c4e1 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowSanchonetNotice/ShowSanchonetNotice.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/CreateExchangeOrderScreen/ShowSanchonetNotice/ShowSanchonetNotice.tsx @@ -35,7 +35,7 @@ const useStyles = () => { justifyContent: 'center', }, title: { - color: color.gray_c900, + color: color.gray_900, ...atoms.heading_3_medium, ...atoms.px_sm, textAlign: 'center', diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/SelectProviderFromListScreen/SelectProviderFromListScreen.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/SelectProviderFromListScreen/SelectProviderFromListScreen.tsx index 7756d15aef..2fbc2ceebc 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/SelectProviderFromListScreen/SelectProviderFromListScreen.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/SelectProviderFromListScreen/SelectProviderFromListScreen.tsx @@ -60,7 +60,7 @@ const CheckIcon = () => { const {color} = useTheme() return ( - + diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ContentResult/ContentResult.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ContentResult/ContentResult.tsx index 4322ec3a3c..ad47a618f5 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ContentResult/ContentResult.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ContentResult/ContentResult.tsx @@ -30,7 +30,7 @@ const useStyles = () => { }, contentLabel: { fontSize: 16, - color: color.gray_c600, + color: color.gray_600, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ShowExchangeResultOrderScreen.tsx b/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ShowExchangeResultOrderScreen.tsx index 3ced328072..ac7e276c87 100644 --- a/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ShowExchangeResultOrderScreen.tsx +++ b/apps/wallet-mobile/src/features/Exchange/useCases/ShowExchangeResultOrderScreen/ShowExchangeResultOrderScreen.tsx @@ -137,7 +137,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, flex: { flex: 1, @@ -153,14 +153,14 @@ const useStyles = () => { }, congratsText: { ...atoms.heading_3_medium, - color: color.gray_c900, + color: color.gray_900, fontWeight: '500', textAlign: 'center', textAlignVertical: 'center', }, contentValueText: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, boxProvider: { flexDirection: 'row', diff --git a/apps/wallet-mobile/src/features/Initialization/AnalyticsChangedScreen/AnalyticsChangedScreen.tsx b/apps/wallet-mobile/src/features/Initialization/AnalyticsChangedScreen/AnalyticsChangedScreen.tsx index aacd9d66c0..2a20a74c2c 100644 --- a/apps/wallet-mobile/src/features/Initialization/AnalyticsChangedScreen/AnalyticsChangedScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/AnalyticsChangedScreen/AnalyticsChangedScreen.tsx @@ -31,7 +31,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Initialization/AnalyticsNoticeScreen/AnalyticsNoticeScreen.tsx b/apps/wallet-mobile/src/features/Initialization/AnalyticsNoticeScreen/AnalyticsNoticeScreen.tsx index 5417d0210b..ad93a5854f 100644 --- a/apps/wallet-mobile/src/features/Initialization/AnalyticsNoticeScreen/AnalyticsNoticeScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/AnalyticsNoticeScreen/AnalyticsNoticeScreen.tsx @@ -33,7 +33,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Initialization/ChooseBiometricLogin/ChooseBiometricLoginScreen.tsx b/apps/wallet-mobile/src/features/Initialization/ChooseBiometricLogin/ChooseBiometricLoginScreen.tsx index 8f7c9a2312..7294f3d4dc 100644 --- a/apps/wallet-mobile/src/features/Initialization/ChooseBiometricLogin/ChooseBiometricLoginScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/ChooseBiometricLogin/ChooseBiometricLoginScreen.tsx @@ -82,7 +82,7 @@ const useStyles = () => { ...atoms.flex_1, ...atoms.px_lg, ...atoms.pb_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, content: { ...atoms.flex_1, @@ -101,7 +101,7 @@ const useStyles = () => { color: color.text_gray_max, }, enableButton: { - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, }) diff --git a/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.stories.tsx b/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.stories.tsx index 6e2de88ee7..c81c58bb68 100644 --- a/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.stories.tsx +++ b/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.stories.tsx @@ -18,7 +18,7 @@ const useStyles = () => { container: { flex: 1, padding: 16, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx b/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx index 7211dd3b7f..e5d2832a4d 100644 --- a/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx +++ b/apps/wallet-mobile/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx @@ -75,8 +75,8 @@ export const Toggle = () => { style={styles.switch} value={!isLight} onValueChange={handleOnValueChange} - trackColor={{false: color.gray_c100, true: color.gray_c100}} - thumbColor={isLight ? color.sys_yellow_c500 : color.el_primary_medium} + trackColor={{false: color.gray_100, true: color.gray_100}} + thumbColor={isLight ? color.sys_yellow_500 : color.el_primary_medium} /> {isDark && Platform.OS === 'ios' && } @@ -123,7 +123,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.px_lg, }, content: { @@ -158,7 +158,7 @@ const useStyles = () => { height: 35, top: -2, right: 8, - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, position: 'absolute', borderRadius: 9999, }, diff --git a/apps/wallet-mobile/src/features/Initialization/InitialScreen/InitialScreen.tsx b/apps/wallet-mobile/src/features/Initialization/InitialScreen/InitialScreen.tsx index 42ad574ad0..e9b01bf7a3 100644 --- a/apps/wallet-mobile/src/features/Initialization/InitialScreen/InitialScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/InitialScreen/InitialScreen.tsx @@ -115,19 +115,19 @@ const useStyles = () => { container: { flex: 1, ...atoms.p_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, title: { ...atoms.heading_3_medium, textAlign: 'center', - color: color.gray_c900, + color: color.gray_900, }, input: { - color: color.gray_c600, + color: color.gray_600, ...atoms.pl_lg, ...atoms.body_1_lg_regular, justifyContent: 'center', - borderColor: color.gray_c400, + borderColor: color.gray_400, borderWidth: 1, borderRadius: 8, height: 56, @@ -140,10 +140,10 @@ const useStyles = () => { }, checkboxText: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, checkboxLink: { - color: color.primary_c800, + color: color.primary_800, textDecorationLine: 'underline', }, checkbox: { diff --git a/apps/wallet-mobile/src/features/Initialization/LanguagePickerScreen/LanguagePickerScreen.tsx b/apps/wallet-mobile/src/features/Initialization/LanguagePickerScreen/LanguagePickerScreen.tsx index 681646e57f..d8863280d8 100644 --- a/apps/wallet-mobile/src/features/Initialization/LanguagePickerScreen/LanguagePickerScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/LanguagePickerScreen/LanguagePickerScreen.tsx @@ -20,7 +20,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Initialization/ReadPrivacyPolicyScreen/ReadPrivacyPolicyScreen.tsx b/apps/wallet-mobile/src/features/Initialization/ReadPrivacyPolicyScreen/ReadPrivacyPolicyScreen.tsx index 148be6167a..0f348f8186 100644 --- a/apps/wallet-mobile/src/features/Initialization/ReadPrivacyPolicyScreen/ReadPrivacyPolicyScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/ReadPrivacyPolicyScreen/ReadPrivacyPolicyScreen.tsx @@ -24,7 +24,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, contentContainer: { diff --git a/apps/wallet-mobile/src/features/Initialization/ReadTermsOfServiceScreen/ReadTermsOfServiceScreen.tsx b/apps/wallet-mobile/src/features/Initialization/ReadTermsOfServiceScreen/ReadTermsOfServiceScreen.tsx index dde3985cd3..2b2d7fcd7d 100644 --- a/apps/wallet-mobile/src/features/Initialization/ReadTermsOfServiceScreen/ReadTermsOfServiceScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/ReadTermsOfServiceScreen/ReadTermsOfServiceScreen.tsx @@ -24,7 +24,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, contentContainer: { diff --git a/apps/wallet-mobile/src/features/Initialization/TermsOfServiceChangedScreen/TermsOfServiceChangedScreen.tsx b/apps/wallet-mobile/src/features/Initialization/TermsOfServiceChangedScreen/TermsOfServiceChangedScreen.tsx index 683f17ec1c..edd745b3a4 100644 --- a/apps/wallet-mobile/src/features/Initialization/TermsOfServiceChangedScreen/TermsOfServiceChangedScreen.tsx +++ b/apps/wallet-mobile/src/features/Initialization/TermsOfServiceChangedScreen/TermsOfServiceChangedScreen.tsx @@ -89,24 +89,24 @@ const useStyles = () => { container: { flex: 1, ...atoms.p_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, title: { ...atoms.heading_3_medium, - color: color.gray_c900, + color: color.gray_900, textAlign: 'center', }, description: { ...atoms.body_1_lg_regular, - color: color.gray_c800, + color: color.gray_800, textAlign: 'center', }, checkboxText: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, checkboxLink: { - color: color.gray_c800, + color: color.gray_800, textDecorationLine: 'underline', }, }) diff --git a/apps/wallet-mobile/src/features/Initialization/illustrations/ThemeIlustration.tsx b/apps/wallet-mobile/src/features/Initialization/illustrations/ThemeIlustration.tsx index 3ae5583f10..fd54f826f6 100644 --- a/apps/wallet-mobile/src/features/Initialization/illustrations/ThemeIlustration.tsx +++ b/apps/wallet-mobile/src/features/Initialization/illustrations/ThemeIlustration.tsx @@ -6,9 +6,9 @@ export const ThemeIlustration = (props: SvgProps) => { const {color} = useTheme() return ( - + - + diff --git a/apps/wallet-mobile/src/features/Legal/PrivacyPolicy/PrivacyPolicy.tsx b/apps/wallet-mobile/src/features/Legal/PrivacyPolicy/PrivacyPolicy.tsx index 33ebf984c5..1f44565441 100644 --- a/apps/wallet-mobile/src/features/Legal/PrivacyPolicy/PrivacyPolicy.tsx +++ b/apps/wallet-mobile/src/features/Legal/PrivacyPolicy/PrivacyPolicy.tsx @@ -39,18 +39,18 @@ const useStyles = () => { body: { ...atoms.body_1_lg_regular, ...atoms.py_sm, - color: color.gray_cmax, + color: color.gray_max, }, heading2: { ...atoms.body_1_lg_medium, ...atoms.py_sm, - color: color.gray_cmax, + color: color.gray_max, }, heading1: { fontFamily: 'Rubik-Bold', fontSize: 20, lineHeight: 30, - color: color.gray_cmax, + color: color.gray_max, paddingVertical: 10, }, }) diff --git a/apps/wallet-mobile/src/features/Legal/TermsOfService/TermsOfService.tsx b/apps/wallet-mobile/src/features/Legal/TermsOfService/TermsOfService.tsx index 060fdace64..04e9f5a034 100644 --- a/apps/wallet-mobile/src/features/Legal/TermsOfService/TermsOfService.tsx +++ b/apps/wallet-mobile/src/features/Legal/TermsOfService/TermsOfService.tsx @@ -39,18 +39,18 @@ const useStyles = () => { body: { ...atoms.body_1_lg_regular, ...atoms.py_sm, - color: color.gray_cmax, + color: color.gray_max, }, heading2: { ...atoms.body_1_lg_medium, ...atoms.py_sm, - color: color.gray_cmax, + color: color.gray_max, }, heading1: { fontFamily: 'Rubik-Bold', fontSize: 20, lineHeight: 30, - color: color.gray_cmax, + color: color.gray_max, paddingVertical: 10, }, }) diff --git a/apps/wallet-mobile/src/features/Links/useCases/AskToOpenAWalletScreen/AskToOpenAWalletScreen.tsx b/apps/wallet-mobile/src/features/Links/useCases/AskToOpenAWalletScreen/AskToOpenAWalletScreen.tsx index 372a454c21..f860f9559f 100644 --- a/apps/wallet-mobile/src/features/Links/useCases/AskToOpenAWalletScreen/AskToOpenAWalletScreen.tsx +++ b/apps/wallet-mobile/src/features/Links/useCases/AskToOpenAWalletScreen/AskToOpenAWalletScreen.tsx @@ -45,7 +45,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.px_lg, }, actions: { @@ -54,12 +54,12 @@ const useStyles = () => { }, text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, }) const colors = { - danger: color.sys_magenta_c500, - warning: color.sys_orange_c500, + danger: color.sys_magenta_500, + warning: color.sys_orange_500, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Links/useCases/AskToRedirect/AskToRedirectScreen.tsx b/apps/wallet-mobile/src/features/Links/useCases/AskToRedirect/AskToRedirectScreen.tsx index e1a877e43d..06edfe6bc0 100644 --- a/apps/wallet-mobile/src/features/Links/useCases/AskToRedirect/AskToRedirectScreen.tsx +++ b/apps/wallet-mobile/src/features/Links/useCases/AskToRedirect/AskToRedirectScreen.tsx @@ -43,7 +43,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.px_lg, }, actions: { @@ -52,12 +52,12 @@ const useStyles = () => { }, text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, }) const colors = { - danger: color.sys_magenta_c500, - warning: color.sys_orange_c500, + danger: color.sys_magenta_500, + warning: color.sys_orange_500, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/RequestedAdaPaymentWithLinkScreen.tsx b/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/RequestedAdaPaymentWithLinkScreen.tsx index 9e9275212f..b5737ebeb8 100644 --- a/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/RequestedAdaPaymentWithLinkScreen.tsx +++ b/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/RequestedAdaPaymentWithLinkScreen.tsx @@ -84,7 +84,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, }, @@ -98,8 +98,8 @@ const useStyles = () => { }, }) const colors = { - danger: color.sys_magenta_c500, - warning: color.sys_orange_c500, + danger: color.sys_magenta_500, + warning: color.sys_orange_500, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/ShowDisclaimer/ShowDisclaimer.tsx b/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/ShowDisclaimer/ShowDisclaimer.tsx index 53a58e9c4a..b94ff2e027 100644 --- a/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/ShowDisclaimer/ShowDisclaimer.tsx +++ b/apps/wallet-mobile/src/features/Links/useCases/RequestedAdaPaymentWithLinkScreen/ShowDisclaimer/ShowDisclaimer.tsx @@ -35,7 +35,7 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, fontWeight: '500', }, }) diff --git a/apps/wallet-mobile/src/features/Links/useCases/RequestedBrowserLaunchDappUrlScreen/RequestedBrowserLaunchDappUrlScreen.tsx b/apps/wallet-mobile/src/features/Links/useCases/RequestedBrowserLaunchDappUrlScreen/RequestedBrowserLaunchDappUrlScreen.tsx index 15884c1605..406a5eb976 100644 --- a/apps/wallet-mobile/src/features/Links/useCases/RequestedBrowserLaunchDappUrlScreen/RequestedBrowserLaunchDappUrlScreen.tsx +++ b/apps/wallet-mobile/src/features/Links/useCases/RequestedBrowserLaunchDappUrlScreen/RequestedBrowserLaunchDappUrlScreen.tsx @@ -82,7 +82,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, ...atoms.pb_lg, @@ -98,8 +98,8 @@ const useStyles = () => { }, }) const colors = { - danger: color.sys_magenta_c500, - warning: color.sys_orange_c500, + danger: color.sys_magenta_500, + warning: color.sys_orange_500, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Menu/Menu.tsx b/apps/wallet-mobile/src/features/Menu/Menu.tsx index 6c032e42b2..7a0225b056 100644 --- a/apps/wallet-mobile/src/features/Menu/Menu.tsx +++ b/apps/wallet-mobile/src/features/Menu/Menu.tsx @@ -60,21 +60,21 @@ export const Menu = () => { } + left={} /> } - right={isPoolRetiring ? : null} + left={} + right={isPoolRetiring ? : null} /> {isGovernanceFeatureEnabled && ( } + left={} /> )} @@ -82,14 +82,14 @@ export const Menu = () => { } + left={} /> } + left={} /> @@ -147,7 +147,7 @@ const Item = ({ - {label} + {label} @@ -155,7 +155,7 @@ const Item = ({ - + ) } @@ -276,7 +276,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, item: { ...atoms.py_lg, @@ -284,7 +284,7 @@ const useStyles = () => { alignItems: 'center', justifyContent: 'center', borderBottomWidth: StyleSheet.hairlineWidth, - borderBottomColor: color.gray_c200, + borderBottomColor: color.gray_200, }, scrollViewContent: { flex: 1, @@ -297,7 +297,7 @@ const useStyles = () => { justifyContent: 'center', }, supportTitleText: { - color: color.gray_c600, + color: color.gray_600, }, supportLink: { justifyContent: 'space-between', @@ -305,7 +305,7 @@ const useStyles = () => { flexDirection: 'row', }, supportLinkText: { - color: color.primary_c500, + color: color.primary_500, }, }) diff --git a/apps/wallet-mobile/src/features/Nfts/useCases/NftDetails/NftDetailsImage.tsx b/apps/wallet-mobile/src/features/Nfts/useCases/NftDetails/NftDetailsImage.tsx index d8ed901df2..74540244b7 100644 --- a/apps/wallet-mobile/src/features/Nfts/useCases/NftDetails/NftDetailsImage.tsx +++ b/apps/wallet-mobile/src/features/Nfts/useCases/NftDetails/NftDetailsImage.tsx @@ -57,7 +57,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, contentContainer: { @@ -69,7 +69,7 @@ const useStyles = () => { justifyContent: 'center', }, image: { - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Nfts/useCases/Nfts.tsx b/apps/wallet-mobile/src/features/Nfts/useCases/Nfts.tsx index 6c4cf79420..9e9e901e2f 100644 --- a/apps/wallet-mobile/src/features/Nfts/useCases/Nfts.tsx +++ b/apps/wallet-mobile/src/features/Nfts/useCases/Nfts.tsx @@ -129,7 +129,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, container: { flexDirection: 'column', @@ -148,7 +148,7 @@ const useStyles = () => { count: { flex: 1, textAlign: 'center', - color: color.gray_c600, + color: color.gray_600, }, galleryContainer: { diff --git a/apps/wallet-mobile/src/features/Nfts/useCases/NoNftsScreen.tsx b/apps/wallet-mobile/src/features/Nfts/useCases/NoNftsScreen.tsx index a133516c68..70bd1bf87f 100644 --- a/apps/wallet-mobile/src/features/Nfts/useCases/NoNftsScreen.tsx +++ b/apps/wallet-mobile/src/features/Nfts/useCases/NoNftsScreen.tsx @@ -35,7 +35,7 @@ const useStyles = () => { textAlign: 'center', ...atoms.heading_3_medium, - color: color.gray_cmax, + color: color.gray_max, }, image: { diff --git a/apps/wallet-mobile/src/features/Portfolio/common/Line.tsx b/apps/wallet-mobile/src/features/Portfolio/common/Line.tsx index 41015d2062..7ddfd72e63 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/Line.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/Line.tsx @@ -13,7 +13,7 @@ const useStyles = () => { line: { height: 1, ...atoms.w_full, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/common/MediaDetails/MediaDetails.tsx b/apps/wallet-mobile/src/features/Portfolio/common/MediaDetails/MediaDetails.tsx index bdcc402314..1b01a85314 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/MediaDetails/MediaDetails.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/MediaDetails/MediaDetails.tsx @@ -284,23 +284,23 @@ const useStyles = () => { flexDirection: 'row', }, linkText: { - color: color.primary_c500, + color: color.primary_500, ...atoms.body_1_lg_regular, flex: 1, textDecorationLine: 'underline', }, copyText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_2_md_medium, textTransform: 'uppercase', }, container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, image: { flexGrow: 1, - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, }, contentContainer: { paddingHorizontal: imagePadding, @@ -326,10 +326,10 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_medium, - color: color.text_gray_normal, + color: color.text_gray_medium, }, name: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/common/MediaGallery/MediaGallery.tsx b/apps/wallet-mobile/src/features/Portfolio/common/MediaGallery/MediaGallery.tsx index 8eaaec2da9..149d062a5f 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/MediaGallery/MediaGallery.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/MediaGallery/MediaGallery.tsx @@ -140,11 +140,11 @@ const useStyles = () => { }, image: { ...atoms.rounded_sm, - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, }, text: { ...atoms.body_3_sm_medium, - color: color.gray_c600, + color: color.gray_600, lineHeight: textHeight, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/common/MediaPreview/MediaPreview.tsx b/apps/wallet-mobile/src/features/Portfolio/common/MediaPreview/MediaPreview.tsx index 2232c4ade7..a54229fa7c 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/MediaPreview/MediaPreview.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/MediaPreview/MediaPreview.tsx @@ -64,7 +64,7 @@ export const MediaPreview = ({ {loading && ( - + diff --git a/apps/wallet-mobile/src/features/Portfolio/common/PnlTag/PnlTag.tsx b/apps/wallet-mobile/src/features/Portfolio/common/PnlTag/PnlTag.tsx index f467c88db4..92b41e67f0 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/PnlTag/PnlTag.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/PnlTag/PnlTag.tsx @@ -48,25 +48,25 @@ const useStyles = () => { paddingVertical: 3, }, pnlSuccess: { - backgroundColor: color.secondary_c100, + backgroundColor: color.secondary_100, }, pnlDanger: { - backgroundColor: color.sys_magenta_c100, + backgroundColor: color.sys_magenta_100, }, pnlNeutral: { - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, }, label: { ...atoms.body_3_sm_medium, }, labelSuccess: { - color: color.secondary_c700, + color: color.secondary_700, }, labelDanger: { - color: color.sys_magenta_c700, + color: color.sys_magenta_700, }, labelNeutral: { - color: color.gray_c600, + color: color.gray_600, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenAmountItem.tsx b/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenAmountItem.tsx index b5886dd634..57cd2a6890 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenAmountItem.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenAmountItem.tsx @@ -119,16 +119,16 @@ const useStyles = () => { alignItems: 'center', }, name: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, detail: { - color: color.gray_c600, + color: color.gray_600, maxWidth: 140, ...atoms.body_3_sm_regular, }, quantity: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_regular, }, skeletonLogo: { @@ -138,12 +138,12 @@ const useStyles = () => { height: 56, }, skeletonTitle: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, borderRadius: 8, flexGrow: 3, }, skeletonBorder: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, borderRadius: 8, flexGrow: 1, }, @@ -161,8 +161,8 @@ const useStyles = () => { }) const colors = { - text: color.gray_c900, - icon: color.secondary_c600, + text: color.gray_900, + icon: color.secondary_600, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenInfoIcon.tsx b/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenInfoIcon.tsx index ddba16da04..b5284aeee3 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenInfoIcon.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/TokenAmountItem/TokenInfoIcon.tsx @@ -71,7 +71,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ primary: { - backgroundColor: color.primary_c600, + backgroundColor: color.primary_600, }, iconMedium: { backgroundColor: 'transparent', @@ -92,7 +92,7 @@ const useStyles = () => { overflow: 'hidden', }, placeholder: { - backgroundColor: color.gray_c100, + backgroundColor: color.gray_100, }, placeholderSmall: { width: 24, @@ -101,7 +101,7 @@ const useStyles = () => { }) const colors = { - icon: color.gray_c600, + icon: color.gray_600, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Portfolio/common/TokenEmptyList.tsx b/apps/wallet-mobile/src/features/Portfolio/common/TokenEmptyList.tsx index a54fecf7a5..900d050592 100644 --- a/apps/wallet-mobile/src/features/Portfolio/common/TokenEmptyList.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/common/TokenEmptyList.tsx @@ -42,7 +42,7 @@ const useStyles = () => { ...atoms.flex_1, }, textEmpty: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, ...atoms.font_semibold, }, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/BalanceCard/BalanceCardSkeleton.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/BalanceCard/BalanceCardSkeleton.tsx index ca6822e29d..eecbe52282 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/BalanceCard/BalanceCardSkeleton.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/BalanceCard/BalanceCardSkeleton.tsx @@ -5,7 +5,7 @@ import SkeletonPlaceholder from 'react-native-skeleton-placeholder' export const BalanceCardSkeleton = () => { const {color} = useTheme() return ( - + ) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardNFTsList/DashboardNFTsList.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardNFTsList/DashboardNFTsList.tsx index 8fd29b2824..e2b6cb527e 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardNFTsList/DashboardNFTsList.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardNFTsList/DashboardNFTsList.tsx @@ -99,7 +99,7 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, image: { ...atoms.rounded_sm, @@ -115,7 +115,7 @@ const useStyles = () => { }, }) const colors = { - gray_800: color.gray_c800, + gray_800: color.gray_800, } return {styles, colors, cardItemWidth} as const diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/BuyADABanner/BuyADABanner.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/BuyADABanner/BuyADABanner.tsx index 7e9fa74b09..2cabb532b6 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/BuyADABanner/BuyADABanner.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/BuyADABanner/BuyADABanner.tsx @@ -54,7 +54,7 @@ const useStyles = () => { ...atoms.relative, ...atoms.rounded_sm, ...atoms.overflow_hidden, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, spaceButtonText: { ...atoms.p_0, @@ -66,11 +66,11 @@ const useStyles = () => { title: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_cmax, + color: color.gray_max, }, description: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, maxWidth: 220, }, assetImageBox: { diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenItem.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenItem.tsx index d39fe6fad1..ca0e41e2e3 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenItem.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenItem.tsx @@ -98,27 +98,27 @@ const useStyles = () => { ...atoms.align_start, ...atoms.border, ...atoms.flex_1, - borderColor: color.gray_c300, + borderColor: color.gray_300, ...atoms.h_full, }, symbol: { ...atoms.body_2_md_medium, ...atoms.font_semibold, - color: color.gray_cmax, + color: color.gray_max, textTransform: 'uppercase', }, name: { ...atoms.body_3_sm_regular, - color: color.gray_c600, + color: color.gray_600, }, tokenValue: { ...atoms.heading_4_medium, ...atoms.font_semibold, - color: color.gray_cmax, + color: color.gray_max, }, pairedTokenValue: { ...atoms.body_3_sm_regular, - color: color.gray_c600, + color: color.gray_600, }, tokenInfoContainer: { ...atoms.flex_1, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenSkeletonItem.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenSkeletonItem.tsx index 4c709eee35..f697782c4e 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenSkeletonItem.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokenSkeletonItem.tsx @@ -11,7 +11,7 @@ export const DashboardTokenSkeletonItem = () => { return ( - + @@ -25,7 +25,7 @@ export const DashboardTokenSkeletonItem = () => { - + @@ -49,7 +49,7 @@ const useStyles = () => { ...atoms.border, ...atoms.w_full, ...atoms.h_full, - borderColor: color.gray_c300, + borderColor: color.gray_300, }, fullSize: { ...atoms.w_full, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokensList.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokensList.tsx index 71c0848317..0f4ff04d6d 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokensList.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokensList.tsx @@ -162,7 +162,7 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, containerLoading: { ...atoms.flex_row, @@ -183,7 +183,7 @@ const useStyles = () => { }) const colors = { - gray_800: color.gray_c800, + gray_800: color.gray_800, } return {styles, colors, cardItemWidth, cardItemWidthForJustAda} as const diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/TradeTokensBanner.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/TradeTokensBanner.tsx index 5f3770ed5b..ab3e9db6e4 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/TradeTokensBanner.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/TradeTokensBanner.tsx @@ -54,7 +54,7 @@ const useStyles = () => { ...atoms.justify_between, ...atoms.relative, ...atoms.overflow_hidden, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, spaceButtonText: { ...atoms.p_0, @@ -66,7 +66,7 @@ const useStyles = () => { title: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_cmax, + color: color.gray_max, }, assetBox: { ...atoms.absolute, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/PortfolioDashboardScreen.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/PortfolioDashboardScreen.tsx index ad6b3faae6..bf419911b8 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/PortfolioDashboardScreen.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioDashboard/PortfolioDashboardScreen.tsx @@ -42,7 +42,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/Actions.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/Actions.tsx index 94976ae45f..f62c41eab4 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/Actions.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/Actions.tsx @@ -82,7 +82,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, ...atoms.border_t, }, container: { @@ -94,7 +94,7 @@ const useStyles = () => { const colors = { white: color.white_static, - primary: color.primary_c500, + primary: color.primary_500, } as const return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/ExportTokenTransactions.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/ExportTokenTransactions.tsx index 79eb960f9d..0d167869fe 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/ExportTokenTransactions.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/ExportTokenTransactions.tsx @@ -30,8 +30,8 @@ const useStyles = () => { }, }) const colors = { - gray: color.gray_c800, - primary: color.primary_c500, + gray: color.gray_800, + primary: color.primary_500, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenBalance.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenBalance.tsx index 901f2261ee..808d2ecded 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenBalance.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenBalance.tsx @@ -46,16 +46,16 @@ const useStyles = () => { tokenBalance: { ...atoms.heading_1_medium, ...atoms.font_semibold, - color: color.gray_c900, + color: color.gray_900, }, symbol: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.text_gray_normal, + color: color.text_gray_medium, }, usdLabel: { ...atoms.body_2_md_regular, - color: color.gray_c600, + color: color.gray_600, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenDetailBalanceSkeleton.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenDetailBalanceSkeleton.tsx index 1d34179639..cd8b425745 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenDetailBalanceSkeleton.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenBalance/PortfolioTokenDetailBalanceSkeleton.tsx @@ -7,7 +7,7 @@ export const PortfolioTokenDetailBalanceSkeleton = () => { const {color} = useStyles() return ( - + diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/PortfolioTokenChartSkeleton.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/PortfolioTokenChartSkeleton.tsx index 2ea2e0e38f..083d1bf7fb 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/PortfolioTokenChartSkeleton.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/PortfolioTokenChartSkeleton.tsx @@ -12,7 +12,7 @@ export const PortfolioTokenChartSkeleton = () => { - + @@ -23,7 +23,7 @@ export const PortfolioTokenChartSkeleton = () => { - + diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChart.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChart.tsx index 7889d0d12c..bc6288d967 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChart.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChart.tsx @@ -178,8 +178,8 @@ const useStyles = () => { }) const colors = { - stroke: color.primary_c500, - tooltip: color.primary_c500, + stroke: color.primary_500, + tooltip: color.primary_500, tooltipText: color.white_static, } diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChartToolBar.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChartToolBar.tsx index f489ead2a3..1236d1903d 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChartToolBar.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenChartToolBar.tsx @@ -52,14 +52,14 @@ const useStyles = () => { chartToolbarItemText: { ...atoms.body_3_sm_medium, ...atoms.font_semibold, - color: color.gray_c600, + color: color.gray_600, textTransform: 'uppercase', }, chartToolbarItemActive: { - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, chartToolbarItemTextActive: { - color: color.gray_cmin, + color: color.gray_min, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenPerformance.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenPerformance.tsx index c1f63b35aa..8dee0c604e 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenPerformance.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenChart/TokenPerformance.tsx @@ -100,11 +100,11 @@ const useStyles = () => { tokenPrice: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_cmax, + color: color.gray_max, }, tokenPriceSymbol: { ...atoms.body_3_sm_regular, - color: color.gray_cmax, + color: color.gray_max, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenDetailsScreen.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenDetailsScreen.tsx index 607ed5c476..64ae0ba6b3 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenDetailsScreen.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenDetailsScreen.tsx @@ -150,7 +150,7 @@ const useStyles = () => { ...atoms.justify_between, ...atoms.px_lg, ...atoms.gap_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, tab: { flex: 1, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/Overview.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/Overview.tsx index bc25958ce7..0c064132cd 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/Overview.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/Overview.tsx @@ -142,7 +142,7 @@ const useStyles = () => { tokenName: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_c900, + color: color.gray_900, }, tokenLogo: { width: 32, @@ -151,11 +151,11 @@ const useStyles = () => { }, textBody: { ...atoms.body_2_md_regular, - color: color.gray_c600, + color: color.gray_600, }, link: { ...atoms.link_1_lg_underline, - color: color.primary_c500, + color: color.primary_500, }, linkGroup: { ...atoms.flex_1, @@ -165,12 +165,12 @@ const useStyles = () => { title: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_c900, + color: color.gray_900, }, divider: { ...atoms.flex_1, height: 1, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, copyButton: { ...atoms.flex_1, @@ -181,12 +181,12 @@ const useStyles = () => { copyText: { ...atoms.flex_1, ...atoms.body_2_md_regular, - color: color.gray_c600, + color: color.gray_600, }, }) const colors = { - label: color.gray_c600, + label: color.gray_600, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/TokenNews.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/TokenNews.tsx index 8599e8a055..b16cfdc5c0 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/TokenNews.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Overview/TokenNews.tsx @@ -81,7 +81,7 @@ const useStyles = () => { }) const colors = { - label: color.gray_c600, + label: color.gray_600, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Performance.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Performance.tsx index 2d31b6c7b7..119dc6b350 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Performance.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/Performance.tsx @@ -163,22 +163,22 @@ const useStyles = () => { // }, label: { ...atoms.body_1_lg_regular, - color: color.gray_c600, + color: color.gray_600, }, textValue: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, title: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_c800, + color: color.gray_800, }, }) const colors = { - label: color.gray_c600, - skeleton: color.gray_c100, + label: color.gray_600, + skeleton: color.gray_100, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/PortfolioTokenInfo.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/PortfolioTokenInfo.tsx index 733720adfa..5810443380 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/PortfolioTokenInfo.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokenDetails/PortfolioTokenInfo/PortfolioTokenInfo.tsx @@ -31,7 +31,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItem.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItem.tsx index bd3f7c035c..398e58720d 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItem.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItem.tsx @@ -59,7 +59,7 @@ const useStyles = () => { ...atoms.justify_between, }, symbol: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, logoSize: {width: 26, height: 26}, @@ -90,15 +90,15 @@ const useStyles = () => { }, dexName: { ...atoms.body_3_sm_regular, - color: color.gray_c600, + color: color.gray_600, }, sumBalance: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_1_lg_regular, ...atoms.text_right, }, pairedBalance: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_3_sm_regular, ...atoms.text_right, }, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItemSkeleton.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItemSkeleton.tsx index edd6c95631..fad90eb68b 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItemSkeleton.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/DAppTokenItem/DAppTokenItemSkeleton.tsx @@ -5,7 +5,7 @@ import SkeletonPlaceholder from 'react-native-skeleton-placeholder' export const DAppTokenItemSkeleton = () => { const {color} = useTheme() return ( - + diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolModal.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolModal.tsx index 16c72e405d..6206c46567 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolModal.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolModal.tsx @@ -129,7 +129,7 @@ const useStyles = () => { }, symbol: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, rowBetween: { ...atoms.flex_row, @@ -138,17 +138,17 @@ const useStyles = () => { }, label: { ...atoms.body_1_lg_regular, - color: color.gray_c600, + color: color.gray_600, }, valueNumber: { ...atoms.body_1_lg_regular, ...atoms.text_right, - color: color.gray_c900, + color: color.gray_900, }, pairedBalance: { ...atoms.body_3_sm_regular, ...atoms.text_right, - color: color.gray_c600, + color: color.gray_600, }, dexLogo: { width: 32, @@ -157,7 +157,7 @@ const useStyles = () => { dexName: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.primary_c500, + color: color.primary_500, }, dexContainer: { ...atoms.flex_row, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolTab.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolTab.tsx index ead1aa1378..6a1ad57dbb 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolTab.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/LiquidityPoolTab.tsx @@ -98,7 +98,7 @@ const useStyles = () => { }, textAvailable: { ...atoms.body_2_md_regular, - color: color.gray_c700, + color: color.gray_700, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrderModal.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrderModal.tsx index 48fec60555..a02354c09f 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrderModal.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrderModal.tsx @@ -148,7 +148,7 @@ const useStyles = () => { }, symbol: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, rowBetween: { ...atoms.flex_row, @@ -157,17 +157,17 @@ const useStyles = () => { }, label: { ...atoms.body_1_lg_regular, - color: color.gray_c600, + color: color.gray_600, }, valueNumber: { ...atoms.body_1_lg_regular, ...atoms.text_right, - color: color.gray_c900, + color: color.gray_900, }, pairedBalance: { ...atoms.body_3_sm_regular, ...atoms.text_right, - color: color.gray_c600, + color: color.gray_600, }, dexLogo: { width: 32, @@ -176,7 +176,7 @@ const useStyles = () => { dexName: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.primary_c500, + color: color.primary_500, }, dexContainer: { ...atoms.flex_row, @@ -185,7 +185,7 @@ const useStyles = () => { ...atoms.gap_xs, }, transaction: { - color: color.primary_c500, + color: color.primary_500, ...atoms.link_2_md_underline, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrdersTab.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrdersTab.tsx index 8690d89a53..089ffc2b54 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrdersTab.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/OpenOrdersTab.tsx @@ -94,7 +94,7 @@ const useStyles = () => { }, textAvailable: { ...atoms.body_2_md_regular, - color: color.gray_c700, + color: color.gray_700, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppTabs.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppTabs.tsx index 8f429b1b0e..e1c065ec97 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppTabs.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppTabs.tsx @@ -63,11 +63,11 @@ const useStyles = () => { ...atoms.rounded_sm, }, tabActive: { - color: color.gray_cmax, - backgroundColor: color.gray_c200, + color: color.gray_max, + backgroundColor: color.gray_200, }, tabText: { - color: color.el_gray_normal, + color: color.el_gray_medium, ...atoms.body_1_lg_medium, ...atoms.font_semibold, }, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppsTokenList.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppsTokenList.tsx index 66d0285ae5..59221e62d4 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppsTokenList.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioDAppsTokenList/PortfolioDAppsTokenList.tsx @@ -121,7 +121,7 @@ const useStyles = () => { root: { ...atoms.flex_1, ...atoms.px_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, container: { ...atoms.flex_grow, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioTokenListScreen.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioTokenListScreen.tsx index 0f6a1b0643..eec486de59 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioTokenListScreen.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioTokenListScreen.tsx @@ -67,7 +67,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/PortfolioWalletTokenList.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/PortfolioWalletTokenList.tsx index 445d144844..f418aca284 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/PortfolioWalletTokenList.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/PortfolioWalletTokenList.tsx @@ -182,11 +182,11 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, textAvailable: { - color: color.gray_c700, + color: color.gray_700, ...atoms.body_2_md_regular, }, container: { diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceItem.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceItem.tsx index 489586eb40..4399027b4c 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceItem.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceItem.tsx @@ -68,7 +68,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_row, ...atoms.align_center, ...atoms.justify_between, @@ -85,17 +85,17 @@ const useStyles = () => { symbol: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_c900, + color: color.gray_900, }, tokenBalance: { ...atoms.body_1_lg_regular, ...atoms.text_right, - color: color.gray_c900, + color: color.gray_900, }, pairedBalance: { ...atoms.body_3_sm_regular, ...atoms.text_right, - color: color.gray_c600, + color: color.gray_600, }, nameAndPnlContainer: { ...atoms.flex_col, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceSkeletonItem.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceSkeletonItem.tsx index 630bd76d7e..5580ebcb3c 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceSkeletonItem.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TokenBalanceSkeletonItem.tsx @@ -5,7 +5,7 @@ import SkeletonPlaceholder from 'react-native-skeleton-placeholder' export const TokenBalanceSkeletonItem = () => { const {color} = useTheme() return ( - + diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TradeTokensBannerBig.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TradeTokensBannerBig.tsx index f96c7ddd6c..d1b0f0d984 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TradeTokensBannerBig.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/TradeTokensBannerBig.tsx @@ -60,7 +60,7 @@ const useStyles = () => { ...atoms.justify_between, ...atoms.relative, ...atoms.overflow_hidden, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, spaceButtonText: { ...atoms.p_0, @@ -72,7 +72,7 @@ const useStyles = () => { title: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.gray_cmax, + color: color.gray_max, }, assetBox: { ...atoms.absolute, @@ -84,7 +84,7 @@ const useStyles = () => { }, description: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPairedToken.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPairedToken.tsx index 34eff94a29..68a80c0255 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPairedToken.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPairedToken.tsx @@ -5,7 +5,7 @@ import SkeletonPlaceholder from 'react-native-skeleton-placeholder' export const SkeletonPairedToken = () => { const {color} = useTheme() return ( - + ) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPrimaryToken.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPrimaryToken.tsx index 539703a998..afe0874cb8 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPrimaryToken.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonPrimaryToken.tsx @@ -5,7 +5,7 @@ import SkeletonPlaceholder from 'react-native-skeleton-placeholder' export const SkeletonPrimaryToken = () => { const {color} = useTheme() return ( - + ) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonQuantityChange.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonQuantityChange.tsx index b2aaa42790..c66d00f146 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonQuantityChange.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/SkeletonQuantityChange.tsx @@ -5,7 +5,7 @@ import SkeletonPlaceholder from 'react-native-skeleton-placeholder' export const SkeletonQuantityChange = () => { const {color} = useTheme() return ( - + ) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValueBalance.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValueBalance.tsx index ec08cc9304..999dd155a9 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValueBalance.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValueBalance.tsx @@ -53,12 +53,12 @@ const useStyles = () => { balanceText: { ...atoms.heading_1_medium, ...atoms.font_semibold, - color: color.text_gray_normal, + color: color.text_gray_medium, }, firstSymbol: { ...atoms.body_1_lg_medium, ...atoms.font_semibold, - color: color.text_gray_normal, + color: color.text_gray_medium, }, secondSymbol: { ...atoms.body_1_lg_medium, diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValuePairedBalance.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValuePairedBalance.tsx index 206fa0d979..f0ef35ac46 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValuePairedBalance.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TokenValuePairedBalance.tsx @@ -26,7 +26,7 @@ const useStyles = () => { const styles = StyleSheet.create({ pairedBalance: { ...atoms.body_2_md_regular, - color: color.gray_c600, + color: color.gray_600, }, }) diff --git a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TotalTokensValue.tsx b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TotalTokensValue.tsx index 68bd77ffda..3f5c6e0ef8 100644 --- a/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TotalTokensValue.tsx +++ b/apps/wallet-mobile/src/features/Portfolio/useCases/PortfolioTokensList/TotalTokensValue/TotalTokensValue.tsx @@ -44,7 +44,7 @@ const useStyles = () => { }, normalText: { ...atoms.body_3_sm_regular, - color: color.gray_c600, + color: color.gray_600, }, labelContainer: { ...atoms.flex_row, diff --git a/apps/wallet-mobile/src/features/Receive/common/AddressDetailCard/AddressDetailCard.tsx b/apps/wallet-mobile/src/features/Receive/common/AddressDetailCard/AddressDetailCard.tsx index c088d9333d..0905eafa09 100644 --- a/apps/wallet-mobile/src/features/Receive/common/AddressDetailCard/AddressDetailCard.tsx +++ b/apps/wallet-mobile/src/features/Receive/common/AddressDetailCard/AddressDetailCard.tsx @@ -154,8 +154,8 @@ const useStyles = () => { }, }) const colors = { - active: color.primary_c500, - inactive: color.gray_c300, + active: color.primary_500, + inactive: color.gray_300, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Receive/common/ShareDetailsCard/ShareDetailsCard.tsx b/apps/wallet-mobile/src/features/Receive/common/ShareDetailsCard/ShareDetailsCard.tsx index b4ca0a1994..a6833aa163 100644 --- a/apps/wallet-mobile/src/features/Receive/common/ShareDetailsCard/ShareDetailsCard.tsx +++ b/apps/wallet-mobile/src/features/Receive/common/ShareDetailsCard/ShareDetailsCard.tsx @@ -93,7 +93,7 @@ const useStyles = () => { const styles = StyleSheet.create({ title: { ...atoms.heading_3_medium, - color: color.gray_cmax, + color: color.gray_max, }, addressDetails: { borderRadius: 16, @@ -112,11 +112,11 @@ const useStyles = () => { lineHeight: 24, textAlign: 'left', flex: 1, - color: color.gray_c900, + color: color.gray_900, }, textAddress: { ...atoms.body_2_md_regular, - color: color.gray_c600, + color: color.gray_600, textAlign: 'left', }, textSection: { @@ -129,7 +129,7 @@ const useStyles = () => { }) const colors = { - grayText: color.gray_c600, + grayText: color.gray_600, backgroundGradientCard: color.bg_gradient_1, } diff --git a/apps/wallet-mobile/src/features/Receive/common/ShowAddressLimitInfo/ShowAddressLimitInfo.tsx b/apps/wallet-mobile/src/features/Receive/common/ShowAddressLimitInfo/ShowAddressLimitInfo.tsx index cdfa683073..5d1287474d 100644 --- a/apps/wallet-mobile/src/features/Receive/common/ShowAddressLimitInfo/ShowAddressLimitInfo.tsx +++ b/apps/wallet-mobile/src/features/Receive/common/ShowAddressLimitInfo/ShowAddressLimitInfo.tsx @@ -23,7 +23,7 @@ export const ShowAddressLimitInfo = () => { Linking.openURL(YoroiZendeskLink) }} > - {strings.yoroiZendesk} + {strings.yoroiZendesk} @@ -41,16 +41,16 @@ const useStyles = () => { justifyContent: 'space-between', gap: 12, padding: 16, - backgroundColor: color.sys_cyan_c100, + backgroundColor: color.sys_cyan_100, }, text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, }) const colors = { - icon: color.primary_c500, + icon: color.primary_500, } return {styles, colors, color} diff --git a/apps/wallet-mobile/src/features/Receive/common/SingleOrMultipleAddressesModal/SingleOrMultipleAddressesModal.tsx b/apps/wallet-mobile/src/features/Receive/common/SingleOrMultipleAddressesModal/SingleOrMultipleAddressesModal.tsx index 29b0a5da6d..cdb5393d8a 100644 --- a/apps/wallet-mobile/src/features/Receive/common/SingleOrMultipleAddressesModal/SingleOrMultipleAddressesModal.tsx +++ b/apps/wallet-mobile/src/features/Receive/common/SingleOrMultipleAddressesModal/SingleOrMultipleAddressesModal.tsx @@ -81,13 +81,13 @@ const useStyles = () => { ...atoms.self_stretch, }, details: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, ...atoms.justify_center, ...atoms.text_center, }, multipleButtonTitle: { - color: color.text_primary_high, + color: color.text_primary_max, }, }) diff --git a/apps/wallet-mobile/src/features/Receive/common/SkeletonAddressDetail/SkeletonAddressDetail.tsx b/apps/wallet-mobile/src/features/Receive/common/SkeletonAddressDetail/SkeletonAddressDetail.tsx index 57c692254e..4642b671df 100644 --- a/apps/wallet-mobile/src/features/Receive/common/SkeletonAddressDetail/SkeletonAddressDetail.tsx +++ b/apps/wallet-mobile/src/features/Receive/common/SkeletonAddressDetail/SkeletonAddressDetail.tsx @@ -9,7 +9,7 @@ export const SkeletonAdressDetail = () => { const WIDTH = width - 32 return ( - + @@ -23,7 +23,7 @@ export const SkeletonSmallCardAddress = () => { const WIDTH = width - 32 return ( - + diff --git a/apps/wallet-mobile/src/features/Receive/common/SmallAddressCard/SmallAddressCard.tsx b/apps/wallet-mobile/src/features/Receive/common/SmallAddressCard/SmallAddressCard.tsx index aa05177496..4354d64f70 100644 --- a/apps/wallet-mobile/src/features/Receive/common/SmallAddressCard/SmallAddressCard.tsx +++ b/apps/wallet-mobile/src/features/Receive/common/SmallAddressCard/SmallAddressCard.tsx @@ -93,7 +93,7 @@ const useStyles = () => { }, textAddress: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, footer: { width: '100%', @@ -102,20 +102,20 @@ const useStyles = () => { }, statusUnused: { borderRadius: 20, - backgroundColor: color.secondary_c600, + backgroundColor: color.secondary_600, paddingVertical: 4, paddingHorizontal: 8, alignItems: 'center', justifyContent: 'center', }, statusUnusedText: { - color: color.gray_cmin, + color: color.gray_min, ...atoms.body_3_sm_medium, letterSpacing: 0.2, }, statusUsed: { borderRadius: 20, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingVertical: 4, paddingHorizontal: 8, alignItems: 'center', @@ -125,21 +125,21 @@ const useStyles = () => { ...atoms.body_3_sm_medium, lineHeight: 16, letterSpacing: 0.2, - color: color.gray_cmax, + color: color.gray_max, }, date: { ...atoms.body_2_md_regular, - color: color.gray_c700, + color: color.gray_700, }, copiedText: { - color: color.gray_cmin, + color: color.gray_min, textAlign: 'center', padding: 8, ...atoms.body_2_md_medium, }, isCopying: { position: 'absolute', - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, alignItems: 'center', justifyContent: 'center', top: 0, diff --git a/apps/wallet-mobile/src/features/Receive/useCases/DescribeSelectedAddressScreen.tsx b/apps/wallet-mobile/src/features/Receive/useCases/DescribeSelectedAddressScreen.tsx index 515bec9ce3..cc4723b5a0 100644 --- a/apps/wallet-mobile/src/features/Receive/useCases/DescribeSelectedAddressScreen.tsx +++ b/apps/wallet-mobile/src/features/Receive/useCases/DescribeSelectedAddressScreen.tsx @@ -111,7 +111,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, }, flex: { @@ -123,7 +123,7 @@ const useStyles = () => { }) const colors = { - requestSpecificAmountTextColor: color.primary_c500, + requestSpecificAmountTextColor: color.primary_500, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Receive/useCases/ListMultipleAddressesScreen.tsx b/apps/wallet-mobile/src/features/Receive/useCases/ListMultipleAddressesScreen.tsx index cc83ef5f72..ac154c8496 100644 --- a/apps/wallet-mobile/src/features/Receive/useCases/ListMultipleAddressesScreen.tsx +++ b/apps/wallet-mobile/src/features/Receive/useCases/ListMultipleAddressesScreen.tsx @@ -155,7 +155,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.py_lg, }, @@ -164,8 +164,8 @@ const useStyles = () => { ...atoms.px_lg, }, footer: { - backgroundColor: color.bg_color_high, - borderColor: color.gray_c200, + backgroundColor: color.bg_color_max, + borderColor: color.gray_200, ...atoms.pt_lg, ...atoms.px_lg, }, diff --git a/apps/wallet-mobile/src/features/Receive/useCases/RequestSpecificAmountScreen.tsx b/apps/wallet-mobile/src/features/Receive/useCases/RequestSpecificAmountScreen.tsx index 94ed0da7f7..363960990c 100644 --- a/apps/wallet-mobile/src/features/Receive/useCases/RequestSpecificAmountScreen.tsx +++ b/apps/wallet-mobile/src/features/Receive/useCases/RequestSpecificAmountScreen.tsx @@ -157,7 +157,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, container: { ...atoms.p_lg, @@ -170,7 +170,7 @@ const useStyles = () => { ...atoms.flex_1, }, textAddressDetails: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, textSection: { @@ -185,8 +185,8 @@ const useStyles = () => { }) const colors = { - gray: color.gray_c600, - lightGray: color.gray_c200, + gray: color.gray_600, + lightGray: color.gray_200, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/CatalystNavigator.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/CatalystNavigator.tsx index 018241b53d..43ee379aeb 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/CatalystNavigator.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/CatalystNavigator.tsx @@ -109,7 +109,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ loadingBackground: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/common/InsufficientFundsModal.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/common/InsufficientFundsModal.tsx index 58635e0566..b528ef493b 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/common/InsufficientFundsModal.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/common/InsufficientFundsModal.tsx @@ -65,7 +65,7 @@ const useStyles = () => { ...atoms.justify_between, }, text: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_1_lg_regular, }, button: { diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/common/components.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/common/components.tsx index 0228740599..002de5d291 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/common/components.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/common/components.tsx @@ -114,11 +114,11 @@ const useStyles = () => { const styles = StyleSheet.create({ title: { ...atoms.heading_4_medium, - color: color.gray_c900, + color: color.gray_900, }, description: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, row: { flexDirection: 'row', @@ -133,23 +133,23 @@ const useStyles = () => { borderRadius: 6, alignItems: 'center', justifyContent: 'center', - borderColor: color.gray_c900, + borderColor: color.gray_900, }, pinDigit: { fontSize: 20, lineHeight: 22, - color: color.gray_cmax, + color: color.gray_max, }, pinBoxSelected: { borderWidth: 2, - borderColor: color.gray_cmax, + borderColor: color.gray_max, }, pinBoxError: { - borderColor: color.sys_magenta_c500, + borderColor: color.sys_magenta_500, borderWidth: 2, }, pinDigitUnselected: { - color: color.gray_c600, + color: color.gray_600, }, pinDone: { backgroundColor: '#66F2D6', @@ -159,7 +159,7 @@ const useStyles = () => { ...atoms.py_lg, }, cursor: { - backgroundColor: color.gray_c600, + backgroundColor: color.gray_600, height: 24, width: 2, }, diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmPin/ConfirmPin.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmPin/ConfirmPin.tsx index 70d0de357b..2bbc805fdb 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmPin/ConfirmPin.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmPin/ConfirmPin.tsx @@ -229,7 +229,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, padding: { diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmVotingTx/ConfirmVotingTx.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmVotingTx/ConfirmVotingTx.tsx index aadf21fb2c..bdd0fa3e98 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmVotingTx/ConfirmVotingTx.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ConfirmVotingTx/ConfirmVotingTx.tsx @@ -127,7 +127,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, ...atoms.pb_lg, @@ -141,7 +141,7 @@ const useStyles = () => { left: 11, paddingHorizontal: 3, color: color.text_gray_max, - backgroundColor: color.gray_cmin, + backgroundColor: color.gray_min, ...atoms.z_50, ...atoms.absolute, ...atoms.body_3_sm_regular, diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DisplayPin/DisplayPin.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DisplayPin/DisplayPin.tsx index 970b7ca898..2751f20ae4 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DisplayPin/DisplayPin.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DisplayPin/DisplayPin.tsx @@ -68,7 +68,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, ...atoms.pb_lg, diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DownloadCatalystAppScreen/DownloadCatalystAppScreen.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DownloadCatalystAppScreen/DownloadCatalystAppScreen.tsx index d0a22dc57b..29946a26d3 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DownloadCatalystAppScreen/DownloadCatalystAppScreen.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/DownloadCatalystAppScreen/DownloadCatalystAppScreen.tsx @@ -168,7 +168,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, ...atoms.pb_lg, @@ -189,7 +189,7 @@ const useStyles = () => { ...atoms.self_start, }, fundName: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_medium, }, fundText: { @@ -206,7 +206,7 @@ const useStyles = () => { subTitle: { ...atoms.heading_3_medium, ...atoms.text_center, - color: color.text_gray_normal, + color: color.text_gray_medium, }, }) diff --git a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ShowQrCode/ShowQrCode.tsx b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ShowQrCode/ShowQrCode.tsx index 4731926c4a..4db0f5648d 100644 --- a/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ShowQrCode/ShowQrCode.tsx +++ b/apps/wallet-mobile/src/features/RegisterCatalyst/useCases/ShowQrCode/ShowQrCode.tsx @@ -64,7 +64,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.pb_lg, }, diff --git a/apps/wallet-mobile/src/features/Scan/common/CodeScannerButton.tsx b/apps/wallet-mobile/src/features/Scan/common/CodeScannerButton.tsx index f548af09f6..9c3a12296a 100644 --- a/apps/wallet-mobile/src/features/Scan/common/CodeScannerButton.tsx +++ b/apps/wallet-mobile/src/features/Scan/common/CodeScannerButton.tsx @@ -19,7 +19,7 @@ export const CodeScannerButton = ({size = fallbackSize, color, ...props}: CodeSc const useStyles = () => { const {color} = useTheme() const colors = { - iconFallback: color.gray_cmax, + iconFallback: color.gray_max, } return {colors} } diff --git a/apps/wallet-mobile/src/features/Scan/useCases/ShowCameraPermissionDeniedScreen/ShowCameraPermissionDeniedScreen.tsx b/apps/wallet-mobile/src/features/Scan/useCases/ShowCameraPermissionDeniedScreen/ShowCameraPermissionDeniedScreen.tsx index b8eb46b8b1..9c64e09bf1 100644 --- a/apps/wallet-mobile/src/features/Scan/useCases/ShowCameraPermissionDeniedScreen/ShowCameraPermissionDeniedScreen.tsx +++ b/apps/wallet-mobile/src/features/Scan/useCases/ShowCameraPermissionDeniedScreen/ShowCameraPermissionDeniedScreen.tsx @@ -47,7 +47,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.px_lg, }, scroll: { @@ -56,13 +56,13 @@ const useStyles = () => { justifyContent: 'center', }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, ...atoms.px_sm, textAlign: 'center', }, help: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, textAlign: 'center', maxWidth: 330, diff --git a/apps/wallet-mobile/src/features/Search/SearchContext.tsx b/apps/wallet-mobile/src/features/Search/SearchContext.tsx index bfb98ee64a..84c57f4eda 100644 --- a/apps/wallet-mobile/src/features/Search/SearchContext.tsx +++ b/apps/wallet-mobile/src/features/Search/SearchContext.tsx @@ -225,7 +225,7 @@ const InputSearch = ({placeholder}: Props) => { placeholder={placeholder} onChangeText={(search) => searchChanged(search)} autoCapitalize="none" - style={{flex: 1, color: color.el_gray_high}} + style={{flex: 1, color: color.el_gray_max}} testID="inputSearch" placeholderTextColor={color.text_gray_medium} /> @@ -237,7 +237,7 @@ const SearchButton = (props: TouchableOpacityProps) => { return ( - + ) } @@ -247,7 +247,7 @@ const EraseButton = (props: TouchableOpacityProps) => { return ( - + ) } @@ -257,7 +257,7 @@ const BackButton = (props: TouchableOpacityProps) => { return ( - + ) } diff --git a/apps/wallet-mobile/src/features/Send/common/ButtonGroup/ButtonGroup.tsx b/apps/wallet-mobile/src/features/Send/common/ButtonGroup/ButtonGroup.tsx index 33dcf8745d..12d7069283 100644 --- a/apps/wallet-mobile/src/features/Send/common/ButtonGroup/ButtonGroup.tsx +++ b/apps/wallet-mobile/src/features/Send/common/ButtonGroup/ButtonGroup.tsx @@ -55,10 +55,10 @@ const useStyles = () => { borderRadius: 6, }, selected: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, label: { - color: color.primary_c600, + color: color.primary_600, ...atoms.body_1_lg_medium, }, gradient: {borderRadius: 8, padding: 3}, diff --git a/apps/wallet-mobile/src/features/Send/common/ScannerButton.tsx b/apps/wallet-mobile/src/features/Send/common/ScannerButton.tsx index a0fcc4041f..ccf8ed2bc3 100644 --- a/apps/wallet-mobile/src/features/Send/common/ScannerButton.tsx +++ b/apps/wallet-mobile/src/features/Send/common/ScannerButton.tsx @@ -23,8 +23,8 @@ export const ScannerButton = ({disabled, onPress}: Props) => { const useStyles = () => { const {color} = useTheme() const colors = { - disabled: color.gray_c600, - enabled: color.gray_cmax, + disabled: color.gray_600, + enabled: color.gray_max, } return {colors} } diff --git a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/ConfirmTxScreen.tsx b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/ConfirmTxScreen.tsx index 49a3ec4f86..2ed1e978d7 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/ConfirmTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/ConfirmTxScreen.tsx @@ -141,7 +141,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, safeAreaView: { ...atoms.gap_lg, diff --git a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/FailedTx/FailedTxScreen.tsx b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/FailedTx/FailedTxScreen.tsx index 24d3cf68dd..495c65ed85 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/FailedTx/FailedTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/FailedTx/FailedTxScreen.tsx @@ -40,20 +40,20 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.align_center, ...atoms.justify_center, ...atoms.p_lg, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, ...atoms.px_xs, ...atoms.text_center, }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, ...atoms.text_center, maxWidth: 330, diff --git a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx index 512ed5e221..2f23005fd1 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx @@ -38,20 +38,20 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, ...atoms.flex_1, ...atoms.align_center, ...atoms.justify_center, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, ...atoms.px_sm, ...atoms.text_center, }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, ...atoms.text_center, maxWidth: 330, diff --git a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/CurrentBalance.tsx b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/CurrentBalance.tsx index 54db70583c..9cb499f742 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/CurrentBalance.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/CurrentBalance.tsx @@ -30,7 +30,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ banner: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.py_lg, ...atoms.align_center, ...atoms.justify_center, diff --git a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/PrimaryTotal.tsx b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/PrimaryTotal.tsx index 43fc259bc6..decf7f6db7 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/PrimaryTotal.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/PrimaryTotal.tsx @@ -39,7 +39,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ amount: { - color: color.secondary_c500, + color: color.secondary_500, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/ReceiverInfo.tsx b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/ReceiverInfo.tsx index 9649052c61..25f0a7a726 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/ReceiverInfo.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/ReceiverInfo.tsx @@ -55,11 +55,11 @@ const useStyles = () => { const styles = StyleSheet.create({ label: { ...atoms.body_2_md_regular, - color: color.gray_c900, + color: color.gray_900, }, value: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, }) diff --git a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/SecondaryTotals.tsx b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/SecondaryTotals.tsx index 1e63ba5709..6a35e0e51a 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/SecondaryTotals.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ConfirmTx/Summary/SecondaryTotals.tsx @@ -43,7 +43,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ amount: { - color: color.secondary_c500, + color: color.secondary_500, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.tsx b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.tsx index 5c4b7f35c7..875a36f086 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.tsx @@ -29,12 +29,12 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ label: { - color: color.primary_c600, + color: color.primary_600, ...atoms.button_2_md, textTransform: 'none', }, button: { - borderColor: color.primary_c600, + borderColor: color.primary_600, borderRadius: 8, flexDirection: 'row', ...atoms.px_lg, @@ -45,7 +45,7 @@ const useStyles = () => { }, }) const colors = { - iconColor: color.primary_c600, + iconColor: color.primary_600, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/SelectTokenFromListScreen.tsx b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/SelectTokenFromListScreen.tsx index 18cbf37bfe..99211704b9 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/SelectTokenFromListScreen.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/AddToken/SelectTokenFromListScreen.tsx @@ -384,7 +384,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, subheader: { ...atoms.px_lg, @@ -393,7 +393,7 @@ const useStyles = () => { ...atoms.py_md, }, borderBottom: { - borderBottomColor: color.gray_c200, + borderBottomColor: color.gray_200, borderBottomWidth: StyleSheet.hairlineWidth, }, panel: { @@ -406,7 +406,7 @@ const useStyles = () => { flex: 1, }, tabContainerActive: { - borderBottomColor: color.primary_c600, + borderBottomColor: color.primary_600, borderBottomWidth: 2, }, tab: { @@ -435,7 +435,7 @@ const useStyles = () => { }, contentText: { ...atoms.heading_3_medium, - color: color.gray_cmax, + color: color.gray_max, flex: 1, textAlign: 'center', }, @@ -445,18 +445,18 @@ const useStyles = () => { flexDirection: 'row', }, counterText: { - color: color.primary_c600, + color: color.primary_600, ...atoms.body_2_md_regular, }, counterTextBold: { - color: color.primary_c600, + color: color.primary_600, ...atoms.body_2_md_medium, }, }) const colors = { - active: color.primary_c600, - inactive: color.gray_c600, + active: color.primary_600, + inactive: color.gray_600, } return {styles, colors} 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 bc5af9bfae..441470e964 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 @@ -232,7 +232,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, safeAreaView: { ...atoms.gap_lg, @@ -249,17 +249,17 @@ const useStyles = () => { }, hr: { height: StyleSheet.hairlineWidth, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, actions: { ...atoms.px_lg, }, maxBalance: { - color: color.primary_c600, + color: color.primary_600, ...atoms.body_1_lg_medium, }, amount: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.heading_2_regular, ...atoms.border_0, ...atoms.text_right, @@ -270,8 +270,8 @@ const useStyles = () => { }, }) const colors = { - black: color.gray_cmax, - selected: color.text_gray_normal, + black: color.gray_max, + selected: color.text_gray_medium, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/NoBalance.tsx b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/NoBalance.tsx index 470cd22965..db6f04917a 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/NoBalance.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/NoBalance.tsx @@ -19,7 +19,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ noBalance: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, textAlign: 'center', }, }) diff --git a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/UnableToSpend.tsx b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/UnableToSpend.tsx index d35c1b4495..56490beafb 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/UnableToSpend.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/ShowError/UnableToSpend.tsx @@ -19,7 +19,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ overSpendable: { - color: color.gray_c600, + color: color.gray_600, textAlign: 'center', }, }) diff --git a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/ListAmountsToSendScreen.tsx b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/ListAmountsToSendScreen.tsx index 49c6774bf0..dc18e12eb7 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/ListAmountsToSendScreen.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/ListAmountsToSendScreen.tsx @@ -217,7 +217,7 @@ const useStyles = () => { backgroundColor: 'transparent', }, root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, ...atoms.pb_lg, @@ -230,7 +230,7 @@ const useStyles = () => { }, }) const colors = { - icon: color.el_gray_high, + icon: color.el_gray_max, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/RemoveAmount.tsx b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/RemoveAmount.tsx index 5f94d0f4ab..52833cc6bc 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/RemoveAmount.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/ListAmountsToSend/RemoveAmount.tsx @@ -20,7 +20,7 @@ export const RemoveAmountButton = ({onPress}: RemoveAmountButtonProps) => { const useStyles = () => { const {color} = useTheme() const colors = { - gray: color.gray_cmax, + gray: color.gray_max, } return {colors} } diff --git a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/InputReceiver.tsx b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/InputReceiver.tsx index c83ffe49f4..78f67e4196 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/InputReceiver.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/InputReceiver.tsx @@ -54,8 +54,8 @@ const useStyles = () => { }, }) const colors = { - indicatorColor: color.primary_c600, - iconColor: color.secondary_c500, + indicatorColor: color.primary_600, + iconColor: color.secondary_500, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/ShowResolvedAddressSelected.tsx b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/ShowResolvedAddressSelected.tsx index a1818cd695..a8870c265f 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/ShowResolvedAddressSelected.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/ShowResolvedAddressSelected.tsx @@ -55,11 +55,11 @@ const useStyles = () => { }, serverName: { ...atoms.body_3_sm_regular, - color: color.gray_c700, + color: color.gray_700, }, address: { ...atoms.body_3_sm_regular, - color: color.gray_c500, + color: color.gray_500, }, }) diff --git a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/NotifySupportedNameServers/NotifySupportedNameServers.tsx b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/NotifySupportedNameServers/NotifySupportedNameServers.tsx index e347f12cc5..c1f2c7b0a0 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/NotifySupportedNameServers/NotifySupportedNameServers.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/NotifySupportedNameServers/NotifySupportedNameServers.tsx @@ -83,26 +83,26 @@ const useStyles = () => { flexDirection: 'row', alignItems: 'center', lineHeight: 22, - color: color.gray_cmax, + color: color.gray_max, }, nameServerText: { ...atoms.body_2_md_medium, - color: color.gray_cmax, + color: color.gray_max, }, title: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, }, text: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, }) const colors = { - lightGreen: color.secondary_c200, - lightBlue: color.primary_c100, - iconColor: color.gray_cmax, + lightGreen: color.secondary_200, + lightBlue: color.primary_100, + iconColor: color.gray_max, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/StartMultiTokenTxScreen.tsx b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/StartMultiTokenTxScreen.tsx index 4b8833dc1b..6ba876d4fa 100644 --- a/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/StartMultiTokenTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/StartMultiTokenTxScreen.tsx @@ -175,7 +175,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, safeAreaView: { ...atoms.gap_lg, @@ -189,7 +189,7 @@ const useStyles = () => { }, actionsScroll: { ...atoms.border_t, - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Settings/About/About.tsx b/apps/wallet-mobile/src/features/Settings/About/About.tsx index 04cc0b2cc5..db9cf6d5d4 100644 --- a/apps/wallet-mobile/src/features/Settings/About/About.tsx +++ b/apps/wallet-mobile/src/features/Settings/About/About.tsx @@ -62,7 +62,7 @@ const useStyles = () => { const styles = StyleSheet.create({ about: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, }, row: { @@ -71,11 +71,11 @@ const useStyles = () => { ...atoms.py_lg, }, labelText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, valueText: { - color: color.gray_c500, + color: color.gray_500, ...atoms.body_1_lg_regular, }, }) diff --git a/apps/wallet-mobile/src/features/Settings/ApplicationSettings/ApplicationSettingsScreen.tsx b/apps/wallet-mobile/src/features/Settings/ApplicationSettings/ApplicationSettingsScreen.tsx index 25ddfa0762..99e88944f2 100644 --- a/apps/wallet-mobile/src/features/Settings/ApplicationSettings/ApplicationSettingsScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ApplicationSettings/ApplicationSettingsScreen.tsx @@ -341,7 +341,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, settings: { flex: 1, @@ -349,5 +349,5 @@ const useStyles = () => { }, }) - return {styles, colors: {icon: color.gray_c600}} as const + return {styles, colors: {icon: color.gray_600}} as const } diff --git a/apps/wallet-mobile/src/features/Settings/ChangeLanguage/ChangeLanguageScreen.tsx b/apps/wallet-mobile/src/features/Settings/ChangeLanguage/ChangeLanguageScreen.tsx index a7876217ba..effdbc8164 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangeLanguage/ChangeLanguageScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangeLanguage/ChangeLanguageScreen.tsx @@ -19,7 +19,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/ChangeNetworkScreen.tsx b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/ChangeNetworkScreen.tsx index 2e02867f98..d783e285a6 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/ChangeNetworkScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/ChangeNetworkScreen.tsx @@ -120,7 +120,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, modal: { flex: 1, @@ -128,11 +128,11 @@ const useStyles = () => { }, modalText: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, modalTextTitle: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, actions: { ...atoms.pt_lg, diff --git a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkPickerItem.tsx b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkPickerItem.tsx index d56bf2cb34..29aa18aee6 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkPickerItem.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkPickerItem.tsx @@ -56,7 +56,7 @@ const useStyles = () => { const styles = StyleSheet.create({ row: { flexDirection: 'row', - borderBottomColor: color.gray_c200, + borderBottomColor: color.gray_200, borderBottomWidth: 1, ...atoms.py_lg, }, @@ -70,12 +70,12 @@ const useStyles = () => { flexDirection: 'column', }, bodyMedium: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, }) const colors = { - checkIcon: color.primary_c600, + checkIcon: color.primary_600, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkTag.tsx b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkTag.tsx index 628de8ed51..ad7a876f3e 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkTag.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/NetworkTag.tsx @@ -140,7 +140,7 @@ const useStyles = () => { const styles = StyleSheet.create({ headerTitleStyle: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_medium, ...atoms.flex_shrink, }, @@ -155,13 +155,13 @@ const useStyles = () => { flexShrink: 0, }, preprodTag: { - backgroundColor: color.sys_yellow_c500, + backgroundColor: color.sys_yellow_500, ...atoms.rounded_full, ...atoms.px_sm, ...atoms.py_xs, }, sanchonetLabel: { - backgroundColor: color.el_secondary_medium, + backgroundColor: color.el_secondary, ...atoms.rounded_full, ...atoms.px_sm, ...atoms.py_xs, @@ -172,7 +172,7 @@ const useStyles = () => { }, warningModalText: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, warningModalActions: { ...atoms.pb_lg, diff --git a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/PreparingNetworkScreen.tsx b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/PreparingNetworkScreen.tsx index 71abc8c589..c881eab717 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangeNetwork/PreparingNetworkScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangeNetwork/PreparingNetworkScreen.tsx @@ -31,10 +31,10 @@ const useStyles = () => { ...atoms.flex_1, ...atoms.align_center, ...atoms.justify_center, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, title: { - color: color.primary_c500, + color: color.primary_500, ...atoms.text_center, ...atoms.heading_2_medium, }, diff --git a/apps/wallet-mobile/src/features/Settings/ChangePassword/ChangePasswordScreen.tsx b/apps/wallet-mobile/src/features/Settings/ChangePassword/ChangePasswordScreen.tsx index fe20222d3c..5ada205450 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangePassword/ChangePasswordScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangePassword/ChangePasswordScreen.tsx @@ -158,7 +158,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, safeAreaView: { @@ -169,7 +169,7 @@ const useStyles = () => { ...atoms.gap_lg, }, actions: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, }, }) diff --git a/apps/wallet-mobile/src/features/Settings/ChangeTheme/ChangeThemeScreen.tsx b/apps/wallet-mobile/src/features/Settings/ChangeTheme/ChangeThemeScreen.tsx index 1a87c1f3dd..6ee8f8b5ec 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangeTheme/ChangeThemeScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangeTheme/ChangeThemeScreen.tsx @@ -23,7 +23,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Settings/ChangeTheme/ThemePickerItem.tsx b/apps/wallet-mobile/src/features/Settings/ChangeTheme/ThemePickerItem.tsx index d9a84969f8..ccd02c9e5e 100644 --- a/apps/wallet-mobile/src/features/Settings/ChangeTheme/ThemePickerItem.tsx +++ b/apps/wallet-mobile/src/features/Settings/ChangeTheme/ThemePickerItem.tsx @@ -58,7 +58,7 @@ const useStyles = () => { const styles = StyleSheet.create({ row: { flexDirection: 'row', - borderBottomColor: color.gray_c200, + borderBottomColor: color.gray_200, borderBottomWidth: 1, ...atoms.py_lg, }, @@ -72,12 +72,12 @@ const useStyles = () => { flexDirection: 'column', }, bodyMedium: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, }) const colors = { - checkIcon: color.primary_c600, + checkIcon: color.primary_600, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Settings/Currency/ChangeCurrencyScreen.tsx b/apps/wallet-mobile/src/features/Settings/Currency/ChangeCurrencyScreen.tsx index e73ecb5f3f..d15895845e 100644 --- a/apps/wallet-mobile/src/features/Settings/Currency/ChangeCurrencyScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/Currency/ChangeCurrencyScreen.tsx @@ -23,7 +23,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Settings/Currency/CurrencyPickerItem.tsx b/apps/wallet-mobile/src/features/Settings/Currency/CurrencyPickerItem.tsx index 271ba546bc..ce1bcf6366 100644 --- a/apps/wallet-mobile/src/features/Settings/Currency/CurrencyPickerItem.tsx +++ b/apps/wallet-mobile/src/features/Settings/Currency/CurrencyPickerItem.tsx @@ -67,7 +67,7 @@ const useStyles = () => { const styles = StyleSheet.create({ row: { flexDirection: 'row', - borderBottomColor: color.gray_c200, + borderBottomColor: color.gray_200, borderBottomWidth: 1, paddingVertical: 8, }, @@ -81,16 +81,16 @@ const useStyles = () => { flexDirection: 'column', }, bodyMedium: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, bodyRegular: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_3_sm_regular, }, }) const colors = { - checkIcon: color.primary_c600, + checkIcon: color.primary_600, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Settings/EasyConfirmation/DisableEasyConfirmationScreen.tsx b/apps/wallet-mobile/src/features/Settings/EasyConfirmation/DisableEasyConfirmationScreen.tsx index 320453ad09..9998917db7 100644 --- a/apps/wallet-mobile/src/features/Settings/EasyConfirmation/DisableEasyConfirmationScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/EasyConfirmation/DisableEasyConfirmationScreen.tsx @@ -60,7 +60,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, heading: { ...atoms.body_1_lg_regular, diff --git a/apps/wallet-mobile/src/features/Settings/EasyConfirmation/EnableEasyConfirmationScreen.tsx b/apps/wallet-mobile/src/features/Settings/EasyConfirmation/EnableEasyConfirmationScreen.tsx index a312ef8ae5..01a097e54a 100644 --- a/apps/wallet-mobile/src/features/Settings/EasyConfirmation/EnableEasyConfirmationScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/EasyConfirmation/EnableEasyConfirmationScreen.tsx @@ -119,7 +119,7 @@ const useStyles = () => { ...atoms.flex_1, }, safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, content: { @@ -130,7 +130,7 @@ const useStyles = () => { ...atoms.body_1_lg_regular, }, warning: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, ...atoms.body_2_md_regular, }, actions: { diff --git a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/ConfirmTxScreen.tsx b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/ConfirmTxScreen.tsx index fbb822f0a4..3d5af58544 100644 --- a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/ConfirmTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/ConfirmTxScreen.tsx @@ -114,7 +114,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, container: { diff --git a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/FailedTx/FailedTxScreen.tsx b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/FailedTx/FailedTxScreen.tsx index eb5586afb7..324f688bdb 100644 --- a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/FailedTx/FailedTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/FailedTx/FailedTxScreen.tsx @@ -32,20 +32,20 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, alignItems: 'center', justifyContent: 'center', ...atoms.p_lg, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, ...atoms.p_xs, textAlign: 'center', }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, textAlign: 'center', maxWidth: 330, diff --git a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx index f3df733915..b6003eb7ae 100644 --- a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/SubmittedTx/SubmittedTxScreen.tsx @@ -33,20 +33,20 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, alignItems: 'center', justifyContent: 'center', padding: 16, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, padding: 4, textAlign: 'center', }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, textAlign: 'center', maxWidth: 300, diff --git a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/PrimaryTotal.tsx b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/PrimaryTotal.tsx index f92dbbeddf..0367b1bbea 100644 --- a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/PrimaryTotal.tsx +++ b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/PrimaryTotal.tsx @@ -41,7 +41,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ amount: { - color: color.secondary_c600, + color: color.secondary_600, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/SecondaryTotals.tsx b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/SecondaryTotals.tsx index 03449a7844..dfc43bfb63 100644 --- a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/SecondaryTotals.tsx +++ b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ConfirmTx/Summary/SecondaryTotals.tsx @@ -43,7 +43,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ amount: { - color: color.secondary_c600, + color: color.secondary_600, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ManageCollateralScreen.tsx b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ManageCollateralScreen.tsx index 3f44ddb0f4..586f79109b 100644 --- a/apps/wallet-mobile/src/features/Settings/ManageCollateral/ManageCollateralScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/ManageCollateral/ManageCollateralScreen.tsx @@ -232,7 +232,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, paddingHorizontal: 16, }, @@ -247,7 +247,7 @@ const useStyles = () => { }, }) const colors = { - iconColor: color.gray_cmax, + iconColor: color.gray_max, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Settings/PrivacyPolicy/PrivacyPolicyScreen.tsx b/apps/wallet-mobile/src/features/Settings/PrivacyPolicy/PrivacyPolicyScreen.tsx index 85ebe14fc7..2ba3cb65d2 100644 --- a/apps/wallet-mobile/src/features/Settings/PrivacyPolicy/PrivacyPolicyScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/PrivacyPolicy/PrivacyPolicyScreen.tsx @@ -23,7 +23,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, contentContainer: { diff --git a/apps/wallet-mobile/src/features/Settings/RemoveWallet/RemoveWalletScreen.tsx b/apps/wallet-mobile/src/features/Settings/RemoveWallet/RemoveWalletScreen.tsx index c3c8ec2d41..3a3d7e6c5c 100644 --- a/apps/wallet-mobile/src/features/Settings/RemoveWallet/RemoveWalletScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/RemoveWallet/RemoveWalletScreen.tsx @@ -159,13 +159,13 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, ...atoms.pt_lg, }, descriptionContainer: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, description: { ...atoms.body_1_lg_regular, @@ -184,7 +184,7 @@ const useStyles = () => { ...atoms.flex_1, }, removeButton: { - backgroundColor: color.sys_magenta_c500, + backgroundColor: color.sys_magenta_500, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Settings/RenameWalletScreen/RenameWalletScreen.tsx b/apps/wallet-mobile/src/features/Settings/RenameWalletScreen/RenameWalletScreen.tsx index 4469a1183d..a1c01d2437 100644 --- a/apps/wallet-mobile/src/features/Settings/RenameWalletScreen/RenameWalletScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/RenameWalletScreen/RenameWalletScreen.tsx @@ -76,7 +76,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, safeAreaView: { @@ -88,7 +88,7 @@ const useStyles = () => { ...atoms.px_lg, }, actions: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.pt_lg, ...atoms.px_lg, }, diff --git a/apps/wallet-mobile/src/features/Settings/SettingsItems.tsx b/apps/wallet-mobile/src/features/Settings/SettingsItems.tsx index 0eea62093d..dac9d8d589 100644 --- a/apps/wallet-mobile/src/features/Settings/SettingsItems.tsx +++ b/apps/wallet-mobile/src/features/Settings/SettingsItems.tsx @@ -89,7 +89,7 @@ export const NavigatedSettingsItem = ({label, onNavigate, icon, disabled, select - + @@ -143,33 +143,33 @@ const useStyles = () => { flex: 1, }, disabled: { - color: color.gray_c500, + color: color.gray_500, }, sectionText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_2_md_regular, }, itemText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, itemTextIsNil: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_3_sm_regular, }, navigationItem: { - color: color.gray_c500, + color: color.gray_500, ...atoms.body_1_lg_regular, }, separator: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, height: 1, }, row: {flexDirection: 'row', alignItems: 'center'}, }) const colors = { - iconColor: color.gray_c600, + iconColor: color.gray_600, } return {styles, colors, color} } diff --git a/apps/wallet-mobile/src/features/Settings/SettingsScreenNavigator.tsx b/apps/wallet-mobile/src/features/Settings/SettingsScreenNavigator.tsx index d3026d62b2..f989f451ab 100644 --- a/apps/wallet-mobile/src/features/Settings/SettingsScreenNavigator.tsx +++ b/apps/wallet-mobile/src/features/Settings/SettingsScreenNavigator.tsx @@ -146,7 +146,7 @@ export const SettingsScreenNavigator = () => { title: strings.networkTitle, headerRight: () => ( - + ), }} @@ -236,7 +236,7 @@ const SettingsTabNavigator = () => { return ( ({ ...defaultMaterialTopTabNavigationOptions(atoms, color), tabBarLabel: route.name === 'wallet-settings' ? strings.walletTabTitle : strings.appTabTitle, diff --git a/apps/wallet-mobile/src/features/Settings/SystemLogScreen/SystemLogScreen.tsx b/apps/wallet-mobile/src/features/Settings/SystemLogScreen/SystemLogScreen.tsx index 9c64ed4c26..5526464bd1 100644 --- a/apps/wallet-mobile/src/features/Settings/SystemLogScreen/SystemLogScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/SystemLogScreen/SystemLogScreen.tsx @@ -71,15 +71,15 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.px_lg, }, labelText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, valueText: { - color: color.gray_c500, + color: color.gray_500, ...atoms.body_1_lg_regular, }, }) diff --git a/apps/wallet-mobile/src/features/Settings/TermsOfService/TermsOfServiceScreen.tsx b/apps/wallet-mobile/src/features/Settings/TermsOfService/TermsOfServiceScreen.tsx index b9e753f405..9045774937 100644 --- a/apps/wallet-mobile/src/features/Settings/TermsOfService/TermsOfServiceScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/TermsOfService/TermsOfServiceScreen.tsx @@ -23,7 +23,7 @@ const useStyles = () => { const {color} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, contentContainer: { diff --git a/apps/wallet-mobile/src/features/Settings/WalletSettings/WalletSettingsScreen.tsx b/apps/wallet-mobile/src/features/Settings/WalletSettings/WalletSettingsScreen.tsx index 25be956307..7132c41c7e 100644 --- a/apps/wallet-mobile/src/features/Settings/WalletSettings/WalletSettingsScreen.tsx +++ b/apps/wallet-mobile/src/features/Settings/WalletSettings/WalletSettingsScreen.tsx @@ -330,12 +330,12 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, settings: { flex: 1, padding: 16, }, }) - return {styles, colors: {icon: color.gray_c500}} as const + return {styles, colors: {icon: color.gray_500}} as const } diff --git a/apps/wallet-mobile/src/features/Settings/common/SettingsSwitch.tsx b/apps/wallet-mobile/src/features/Settings/common/SettingsSwitch.tsx index b535b521b1..d8092ccc59 100644 --- a/apps/wallet-mobile/src/features/Settings/common/SettingsSwitch.tsx +++ b/apps/wallet-mobile/src/features/Settings/common/SettingsSwitch.tsx @@ -17,7 +17,7 @@ export const SettingsSwitch = ({ value={value} onValueChange={onValueChange} disabled={disabled} - trackColor={{false: color.gray_c300, true: color.primary_c500}} + trackColor={{false: color.gray_300, true: color.primary_500}} thumbColor={color.white_static} /> ) diff --git a/apps/wallet-mobile/src/features/SetupWallet/common/ButtonCard/ButtonCard.tsx b/apps/wallet-mobile/src/features/SetupWallet/common/ButtonCard/ButtonCard.tsx index 97aa10ce60..a6d46cb892 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/common/ButtonCard/ButtonCard.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/common/ButtonCard/ButtonCard.tsx @@ -62,16 +62,16 @@ const useStyles = () => { }, title: { ...atoms.heading_4_medium, - color: color.gray_cmax, + color: color.gray_max, }, titleCentre: { ...atoms.heading_4_medium, - color: color.gray_cmax, + color: color.gray_max, textAlign: 'center', }, subTitle: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, textContainer: { alignItems: 'center', diff --git a/apps/wallet-mobile/src/features/SetupWallet/common/CardAboutPhrase/CardAboutPhrase.tsx b/apps/wallet-mobile/src/features/SetupWallet/common/CardAboutPhrase/CardAboutPhrase.tsx index 35cda60afd..3baaa8f652 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/common/CardAboutPhrase/CardAboutPhrase.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/common/CardAboutPhrase/CardAboutPhrase.tsx @@ -96,7 +96,7 @@ const useStyles = (padding?: boolean, background?: boolean) => { }, title: { ...atoms.body_1_lg_medium, - color: background ? color.primary_c600 : color.gray_c900, + color: background ? color.primary_600 : color.gray_900, textAlign: 'center', }, itemContainer: { @@ -104,12 +104,12 @@ const useStyles = (padding?: boolean, background?: boolean) => { }, bullet: { ...atoms.body_1_lg_regular, - color: background ? color.primary_c600 : color.gray_c900, + color: background ? color.primary_600 : color.gray_900, }, textLine: { flex: 1, ...atoms.body_1_lg_regular, - color: background ? color.primary_c600 : color.gray_c900, + color: background ? color.primary_600 : color.gray_900, }, walletChecksum: { width: 23, diff --git a/apps/wallet-mobile/src/features/SetupWallet/common/LearnMoreButton/LearnMoreButton.tsx b/apps/wallet-mobile/src/features/SetupWallet/common/LearnMoreButton/LearnMoreButton.tsx index a7d3d38dff..822a37c645 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/common/LearnMoreButton/LearnMoreButton.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/common/LearnMoreButton/LearnMoreButton.tsx @@ -20,7 +20,7 @@ const useStyles = () => { const styles = StyleSheet.create({ text: { ...atoms.link_1_lg_underline, - color: color.primary_c500, + color: color.primary_500, alignSelf: 'center', }, }) diff --git a/apps/wallet-mobile/src/features/SetupWallet/common/LogoBanner/LogoBanner.tsx b/apps/wallet-mobile/src/features/SetupWallet/common/LogoBanner/LogoBanner.tsx index 4d4185f854..40d00795d5 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/common/LogoBanner/LogoBanner.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/common/LogoBanner/LogoBanner.tsx @@ -28,15 +28,15 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { alignItems: 'center', - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, title: { - color: color.primary_c500, + color: color.primary_500, textAlign: 'center', ...atoms.heading_1_medium, }, subtitle: { - color: color.gray_c900, + color: color.gray_900, textAlign: 'center', ...atoms.body_2_md_regular, }, diff --git a/apps/wallet-mobile/src/features/SetupWallet/common/PreparingWalletScreen/PreparingWalletScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/common/PreparingWalletScreen/PreparingWalletScreen.tsx index ecac38155d..4e7e511b28 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/common/PreparingWalletScreen/PreparingWalletScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/common/PreparingWalletScreen/PreparingWalletScreen.tsx @@ -41,10 +41,10 @@ const useStyles = () => { ...atoms.flex_1, ...atoms.align_center, ...atoms.justify_center, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, title: { - color: color.primary_c500, + color: color.primary_500, ...atoms.text_center, ...atoms.heading_2_medium, }, diff --git a/apps/wallet-mobile/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.tsx b/apps/wallet-mobile/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.tsx index 3626260f0d..9be77e2697 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.tsx @@ -109,7 +109,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, container: { paddingVertical: 24, diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseMnemonicType/ChooseMnemonicTypeScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseMnemonicType/ChooseMnemonicTypeScreen.tsx index a8c2b06704..2b17322623 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseMnemonicType/ChooseMnemonicTypeScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseMnemonicType/ChooseMnemonicTypeScreen.tsx @@ -75,7 +75,7 @@ const useStyles = () => { container: { flex: 1, ...atoms.px_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, icon: { position: 'absolute', diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseSetupType/ChooseSetupTypeScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseSetupType/ChooseSetupTypeScreen.tsx index da5006bd62..6bd4a7e30c 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseSetupType/ChooseSetupTypeScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/ChooseSetupType/ChooseSetupTypeScreen.tsx @@ -98,7 +98,7 @@ const useStyles = () => { container: { flex: 1, ...atoms.px_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, icon: { position: 'absolute', diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx index 8774fd95a2..c1ac7b1bd1 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx @@ -87,7 +87,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.pb_lg, }, @@ -95,7 +95,7 @@ const useStyles = () => { ...atoms.px_lg, }, aboutRecoveryPhraseTitle: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, bolder: { diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/RecoveryPhraseScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/RecoveryPhraseScreen.tsx index 78ab0f7a17..fc003c42e1 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/RecoveryPhraseScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/RecoveryPhraseScreen.tsx @@ -184,7 +184,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, }, @@ -194,7 +194,7 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, bolder: { ...atoms.body_1_lg_medium, @@ -218,7 +218,7 @@ const useStyles = () => { }, mnemonicText: { ...atoms.body_1_lg_regular, - color: color.primary_c600, + color: color.primary_600, }, blurView: { left: -8, @@ -235,7 +235,7 @@ const useStyles = () => { ...atoms.gap_sm, }, blurTextButton: { - color: color.primary_c500, + color: color.primary_500, ...atoms.button_2_md, textTransform: 'none', }, @@ -248,7 +248,7 @@ const useStyles = () => { ...atoms.absolute, }, buttonBackground: { - backgroundColor: color.primary_c100, + backgroundColor: color.primary_100, }, }) diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/VerifyRecoveryPhraseScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/VerifyRecoveryPhraseScreen.tsx index 6892e11ae2..7c1a876953 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/VerifyRecoveryPhraseScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/VerifyRecoveryPhraseScreen.tsx @@ -347,7 +347,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.justify_between, ...atoms.gap_lg, @@ -360,7 +360,7 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, recoveryPhrase: { minHeight: 182, @@ -369,9 +369,9 @@ const useStyles = () => { ...atoms.overflow_hidden, }, recoveryPhraseBackground: { - borderColor: color.primary_c200, + borderColor: color.primary_200, borderWidth: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, borderRadius: 6, minHeight: 182, ...atoms.overflow_hidden, @@ -387,7 +387,7 @@ const useStyles = () => { ...atoms.align_center, }, errorMessage: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, ...atoms.body_2_md_regular, }, successMessageContainer: { @@ -400,10 +400,10 @@ const useStyles = () => { ...atoms.body_1_lg_medium, }, errorBadge: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, errorBadgeBackground: { - backgroundColor: color.sys_magenta_c100, + backgroundColor: color.sys_magenta_100, }, words: { ...atoms.flex_row, @@ -435,11 +435,11 @@ const useStyles = () => { ...atoms.body_1_lg_regular, }, usedWord: { - color: color.primary_c400, + color: color.primary_400, }, usedWordBackground: { ...atoms.absolute, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, borderRadius: 6, left: 2, right: 2, @@ -461,11 +461,11 @@ const useStyles = () => { }) const colors = { - error: color.sys_magenta_c500, - buttonBg: color.primary_c100, - gradientGreen: color.secondary_c300, + error: color.sys_magenta_500, + buttonBg: color.primary_100, + gradientGreen: color.secondary_300, black: color.black_static, - bg: color.bg_color_high, + bg: color.bg_color_max, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/WalletDetailsScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/WalletDetailsScreen.tsx index e03fef84f5..5dbf5a67fb 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/WalletDetailsScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/WalletDetailsScreen.tsx @@ -366,7 +366,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, }, safeAreaView: { @@ -387,13 +387,13 @@ const useStyles = () => { ...atoms.gap_lg, }, title: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.self_center, ...atoms.body_1_lg_regular, }, plateNumber: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.text_center, ...atoms.justify_center, ...atoms.align_center, diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/CheckNanoXScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/CheckNanoXScreen.tsx index 70122ac420..b3506db561 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/CheckNanoXScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/CheckNanoXScreen.tsx @@ -91,17 +91,17 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, introline: { ...atoms.body_1_lg_medium, - color: color.text_gray_normal, + color: color.text_gray_medium, }, scroll: { ...atoms.px_lg, }, linkText: { - color: color.primary_c500, + color: color.primary_500, }, link: { ...atoms.link_1_lg, @@ -115,7 +115,7 @@ const useStyles = () => { }, item: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, actions: { ...atoms.p_lg, diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/ConnectNanoXScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/ConnectNanoXScreen.tsx index 8d6e055cea..bb22812d96 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/ConnectNanoXScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/ConnectNanoXScreen.tsx @@ -81,7 +81,7 @@ const useStyles = () => { const styles = StyleSheet.create({ safeAreaView: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, stepper: { ...atoms.p_lg, diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SaveNanoXScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SaveNanoXScreen.tsx index 4c2c89e92c..4b4d635ce6 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SaveNanoXScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SaveNanoXScreen.tsx @@ -283,7 +283,7 @@ const useStyles = () => { ...atoms.px_lg, }, root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.justify_between, ...atoms.px_lg, }, @@ -294,11 +294,11 @@ const useStyles = () => { ...atoms.flex_row, }, title: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, plateNumber: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, ...atoms.text_center, ...atoms.justify_center, diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SelectHwConnectionModal.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SelectHwConnectionModal.tsx index 66bf07685b..d124d183cd 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SelectHwConnectionModal.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreHwWallet/SelectHwConnectionModal.tsx @@ -126,7 +126,7 @@ const useStyles = () => { }, modalText: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, buttonText: { ...atoms.py_lg, 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 fe89bb972b..0c60ab00c1 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 @@ -308,8 +308,8 @@ const MnemonicWordInput = React.forwardRef ) @@ -354,7 +354,7 @@ const useStyles = () => { textAlign: 'center', }, mnemonicIndex: { - color: color.primary_c400, + color: color.primary_400, ...atoms.body_1_lg_regular, }, textView: { @@ -364,16 +364,16 @@ const useStyles = () => { }, errorText: { ...atoms.body_1_lg_regular, - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, successText: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, }, clearAll: { ...atoms.button_2_md, ...atoms.pl_sm, - color: color.primary_c500, + color: color.primary_500, textTransform: 'uppercase', }, }) diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/TextInput/TextInput.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/TextInput/TextInput.tsx index 9442830533..2ebb82729c 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/TextInput/TextInput.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/MnemonicInput/TextInput/TextInput.tsx @@ -236,16 +236,16 @@ const useStyles = () => { }) const colors = { - background: color.gray_cmin, - focusInput: color.primary_c500, - input: color.primary_c300, - actionGray: color.gray_c500, - black: color.gray_cmax, + background: color.gray_min, + focusInput: color.primary_500, + input: color.primary_300, + actionGray: color.gray_500, + black: color.gray_max, text: color.el_primary_medium, textError: color.text_error, - infoGray: color.gray_c700, - positiveGreen: color.el_secondary_medium, - positiveGray: color.primary_c100, + infoGray: color.gray_700, + positiveGreen: color.el_secondary, + positiveGray: color.primary_100, none: 'transparent', successText: color.black_static, } diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletDetailsScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletDetailsScreen.tsx index 7ff517a329..aae7cd59b5 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletDetailsScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletDetailsScreen.tsx @@ -341,7 +341,7 @@ const useStyles = () => { ...atoms.px_lg, }, root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.justify_between, ...atoms.px_lg, }, @@ -352,11 +352,11 @@ const useStyles = () => { flexDirection: 'row', }, title: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, plateNumber: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, ...atoms.text_center, ...atoms.justify_center, diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletScreen.tsx index 86bdef0e36..6148476cf1 100644 --- a/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletScreen.tsx +++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/RestoreWallet/RestoreWalletScreen.tsx @@ -315,13 +315,13 @@ const useStyles = () => { root: { flex: 1, justifyContent: 'space-between', - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, title: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, - button: {backgroundColor: color.primary_c500}, + button: {backgroundColor: color.primary_500}, bolder: { ...atoms.body_1_lg_medium, }, @@ -346,25 +346,25 @@ const useStyles = () => { }, modalText: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, plateText: { ...atoms.body_3_sm_regular, - color: color.gray_c600, + color: color.gray_600, textAlign: 'center', justifyContent: 'center', }, plateName: { ...atoms.body_2_md_medium, - color: color.gray_c900, + color: color.gray_900, }, modal: { flex: 1, ...atoms.px_lg, }, suggestions: { - backgroundColor: color.bg_color_high, - borderColor: color.gray_c200, + backgroundColor: color.bg_color_max, + borderColor: color.gray_200, borderTopWidth: 1, flexDirection: 'row', alignItems: 'center', @@ -372,7 +372,7 @@ const useStyles = () => { paddingBottom: 19, }, suggestion: { - borderColor: color.primary_c500, + borderColor: color.primary_500, borderWidth: 2, borderRadius: 8, backgroundColor: 'transparent', @@ -380,25 +380,25 @@ const useStyles = () => { suggestionText: { ...atoms.body_1_lg_regular, textTransform: 'none', - color: color.text_primary_high, + color: color.text_primary_max, }, suggestionArea: { - backgroundColor: color.bg_color_high, - borderColor: color.gray_c200, + backgroundColor: color.bg_color_max, + borderColor: color.gray_200, borderTopWidth: 1, alignItems: 'center', paddingTop: 30, paddingBottom: 30, }, suggestionMessage: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, ...atoms.text_center, }, }) const colors = { - gray900: color.gray_c900, + gray900: color.gray_900, gradientBlueGreen: color.bg_gradient_1, } diff --git a/apps/wallet-mobile/src/features/Staking/Governance/common/Action/Action.tsx b/apps/wallet-mobile/src/features/Staking/Governance/common/Action/Action.tsx index 54b51c8a1e..54c409c16d 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/common/Action/Action.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/common/Action/Action.tsx @@ -68,12 +68,12 @@ const useStyles = () => { minHeight: 134, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.font_semibold, ...atoms.heading_4_medium, }, description: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.font_normal, ...atoms.body_1_lg_medium, }, @@ -81,7 +81,7 @@ const useStyles = () => { const colors = { gradient: color.bg_gradient_1, - icon: color.gray_cmax, + icon: color.gray_max, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Staking/Governance/common/LearnMoreLink/LearnMoreLink.tsx b/apps/wallet-mobile/src/features/Staking/Governance/common/LearnMoreLink/LearnMoreLink.tsx index d0c6fc20f0..155c74d2fa 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/common/LearnMoreLink/LearnMoreLink.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/common/LearnMoreLink/LearnMoreLink.tsx @@ -34,7 +34,7 @@ const useStyles = () => { justifyContent: 'center', }, link: { - color: color.primary_c600, + color: color.primary_600, textDecorationLine: 'underline', }, }) diff --git a/apps/wallet-mobile/src/features/Staking/Governance/common/SafeArea.tsx b/apps/wallet-mobile/src/features/Staking/Governance/common/SafeArea.tsx index d5e1d3b1a5..dcd2e493e3 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/common/SafeArea.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/common/SafeArea.tsx @@ -22,7 +22,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/ChangeVote/ChangeVoteScreen.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/ChangeVote/ChangeVoteScreen.tsx index 2ad6265a51..e813b6e7d9 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/ChangeVote/ChangeVoteScreen.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/ChangeVote/ChangeVoteScreen.tsx @@ -180,10 +180,10 @@ const useStyles = () => { ...atoms.flex_1, ...atoms.justify_between, ...atoms.px_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, description: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, actions: { diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/ConfirmTx/ConfirmTxScreen.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/ConfirmTx/ConfirmTxScreen.tsx index e420ef32fc..c4aba0a532 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/ConfirmTx/ConfirmTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/ConfirmTx/ConfirmTxScreen.tsx @@ -230,10 +230,10 @@ const useStyles = () => { ...atoms.px_lg, ...atoms.flex_1, ...atoms.justify_between, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, primaryText: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.font_semibold, ...atoms.body_1_lg_medium, }, @@ -273,12 +273,12 @@ const useStyles = () => { opacity: 0.5, }, normalText: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.font_normal, ...atoms.body_1_lg_regular, }, feeValue: { - color: color.gray_c500, + color: color.gray_500, ...atoms.font_normal, ...atoms.body_1_lg_regular, }, diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/EnterDrepIdModal/EnterDrepIdModal.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/EnterDrepIdModal/EnterDrepIdModal.tsx index f04c29d8dd..e4ef1186e3 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/EnterDrepIdModal/EnterDrepIdModal.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/EnterDrepIdModal/EnterDrepIdModal.tsx @@ -82,12 +82,12 @@ const useStyles = () => { ...atoms.px_lg, }, text: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.text_center, ...atoms.body_1_lg_regular, }, link: { - color: color.primary_c500, + color: color.primary_500, textDecorationLine: 'underline', }, inputWrapperStyle: { diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/FailedTx/FailedTxScreen.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/FailedTx/FailedTxScreen.tsx index 5a72651e28..4c23bf647f 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/FailedTx/FailedTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/FailedTx/FailedTxScreen.tsx @@ -42,7 +42,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, padding: 16, }, @@ -55,7 +55,7 @@ const useStyles = () => { fontFamily: 'Rubik-Medium', fontSize: 20, lineHeight: 30, - color: color.gray_cmax, + color: color.gray_max, fontWeight: '500', textAlign: 'center', }, @@ -63,7 +63,7 @@ const useStyles = () => { fontFamily: 'Rubik-Regular', fontSize: 16, lineHeight: 24, - color: color.gray_c600, + color: color.gray_600, textAlign: 'center', }, button: { diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/Home/HomeScreen.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/Home/HomeScreen.tsx index f274af7cd0..6fdc9f1f02 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/Home/HomeScreen.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/Home/HomeScreen.tsx @@ -349,10 +349,10 @@ const useStyles = () => { ...atoms.px_lg, ...atoms.flex_1, ...atoms.justify_between, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, description: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, bold: { @@ -364,7 +364,7 @@ const useStyles = () => { ...atoms.gap_lg, }, drepInfoTitle: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_medium, ...atoms.font_semibold, }, diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/NoFunds/NoFundsScreen.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/NoFunds/NoFundsScreen.tsx index a5cdfa59ea..ba68ce543e 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/NoFunds/NoFundsScreen.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/NoFunds/NoFundsScreen.tsx @@ -64,7 +64,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.p_xl, }, @@ -77,7 +77,7 @@ const useStyles = () => { ...atoms.heading_3_medium, ...atoms.text_center, maxWidth: 320, - color: color.gray_cmax, + color: color.gray_max, }, button: { ...atoms.px_xl, diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/NotSupportedCardanoAppVersion/NotSupportedCardanoAppVersion.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/NotSupportedCardanoAppVersion/NotSupportedCardanoAppVersion.tsx index 919cfa6cd9..71b5d4e23c 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/NotSupportedCardanoAppVersion/NotSupportedCardanoAppVersion.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/NotSupportedCardanoAppVersion/NotSupportedCardanoAppVersion.tsx @@ -62,17 +62,17 @@ const useStyles = () => { ...atoms.justify_center, ...atoms.flex_col, ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, title: { ...atoms.heading_3_medium, ...atoms.text_center, - color: color.gray_cmax, + color: color.gray_max, }, description: { ...atoms.body_2_md_regular, ...atoms.text_center, - color: color.gray_c600, + color: color.gray_600, }, actions: { ...atoms.p_lg, diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/SuccessTx/SuccessTxScreen.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/SuccessTx/SuccessTxScreen.tsx index 88a4ab7cfb..8143ceaeeb 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/SuccessTx/SuccessTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/SuccessTx/SuccessTxScreen.tsx @@ -83,7 +83,7 @@ const useStyles = () => { ...atoms.flex_1, ...atoms.py_lg, ...atoms.px_lg, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, center: { ...atoms.flex_1, diff --git a/apps/wallet-mobile/src/features/Staking/Governance/useCases/WithdrawWarningModal/WithdrawWarningModal.tsx b/apps/wallet-mobile/src/features/Staking/Governance/useCases/WithdrawWarningModal/WithdrawWarningModal.tsx index 0d18331930..08e1584fb9 100644 --- a/apps/wallet-mobile/src/features/Staking/Governance/useCases/WithdrawWarningModal/WithdrawWarningModal.tsx +++ b/apps/wallet-mobile/src/features/Staking/Governance/useCases/WithdrawWarningModal/WithdrawWarningModal.tsx @@ -36,7 +36,7 @@ const useStyles = () => { ...atoms.px_lg, }, text: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, ...atoms.text_center, ...atoms.font_normal, diff --git a/apps/wallet-mobile/src/features/Swap/SwapNavigator.tsx b/apps/wallet-mobile/src/features/Swap/SwapNavigator.tsx index 9a332ba73d..2d9212fa35 100644 --- a/apps/wallet-mobile/src/features/Swap/SwapNavigator.tsx +++ b/apps/wallet-mobile/src/features/Swap/SwapNavigator.tsx @@ -75,13 +75,13 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, flex: { ...atoms.flex_1, }, tab: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) return styles 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 b943fc47d2..359bcac8c6 100644 --- a/apps/wallet-mobile/src/features/Swap/common/AmountCard/AmountCard.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/AmountCard/AmountCard.tsx @@ -153,7 +153,7 @@ const useStyles = () => { container: { borderRadius: 8, borderWidth: 1, - borderColor: color.gray_c400, + borderColor: color.gray_400, paddingTop: 16, paddingBottom: 16, paddingLeft: 16, @@ -162,25 +162,25 @@ const useStyles = () => { height: 86, }, borderError: { - borderColor: color.sys_magenta_c500, + borderColor: color.sys_magenta_500, borderWidth: 2, }, active: { borderWidth: 2, - borderColor: color.gray_c900, + borderColor: color.gray_900, }, label: { position: 'absolute', top: -7, left: 10, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingHorizontal: 5, fontSize: 12, - color: color.gray_c900, + color: color.gray_900, }, labelError: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, content: { display: 'flex', @@ -194,7 +194,7 @@ const useStyles = () => { maxWidth: 200, height: 34, fontSize: 16, - color: color.gray_cmax, + color: color.gray_max, }, amountWrapper: { flex: 1, @@ -210,26 +210,26 @@ const useStyles = () => { }, coinName: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, balanceText: { fontSize: 12, - color: color.gray_c600, + color: color.gray_600, }, errorText: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, fontSize: 12, }, grayText: { - color: color.gray_c600, + color: color.gray_600, }, }) const colors = { - placeholder: color.gray_c600, - focused: color.gray_c900, + placeholder: color.gray_600, + focused: color.gray_900, blur: color.black_static, - noSelected: color.gray_c400, - gray: color.gray_cmax, + noSelected: color.gray_400, + gray: color.gray_max, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Swap/common/ButtonGroup/ButtonGroup.tsx b/apps/wallet-mobile/src/features/Swap/common/ButtonGroup/ButtonGroup.tsx index c0b1aaec6c..05027e0d6c 100644 --- a/apps/wallet-mobile/src/features/Swap/common/ButtonGroup/ButtonGroup.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/ButtonGroup/ButtonGroup.tsx @@ -44,10 +44,10 @@ const useStyles = () => { borderRadius: 8, }, selected: { - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, label: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_1_lg_medium, }, }) diff --git a/apps/wallet-mobile/src/features/Swap/common/ConfirmRawTx/ConfirmRawTxWithOs.tsx b/apps/wallet-mobile/src/features/Swap/common/ConfirmRawTx/ConfirmRawTxWithOs.tsx index 05ce2c8abe..566c3199a0 100644 --- a/apps/wallet-mobile/src/features/Swap/common/ConfirmRawTx/ConfirmRawTxWithOs.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/ConfirmRawTx/ConfirmRawTxWithOs.tsx @@ -51,7 +51,7 @@ const useStyles = () => { ...atoms.px_lg, }, errorMessage: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, textAlign: 'center', }, }) diff --git a/apps/wallet-mobile/src/features/Swap/common/ConfirmWithSpendingPassword/ConfirmWithSpendingPassword.tsx b/apps/wallet-mobile/src/features/Swap/common/ConfirmWithSpendingPassword/ConfirmWithSpendingPassword.tsx index 0345eb76d4..a55bf71cbc 100644 --- a/apps/wallet-mobile/src/features/Swap/common/ConfirmWithSpendingPassword/ConfirmWithSpendingPassword.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/ConfirmWithSpendingPassword/ConfirmWithSpendingPassword.tsx @@ -80,7 +80,7 @@ const useStyles = () => { paddingHorizontal: 70, textAlign: 'center', paddingBottom: 8, - color: color.gray_c900, + color: color.gray_900, }, loading: { position: 'absolute', diff --git a/apps/wallet-mobile/src/features/Swap/common/Counter/Counter.tsx b/apps/wallet-mobile/src/features/Swap/common/Counter/Counter.tsx index 24eb505a8b..d007791a83 100644 --- a/apps/wallet-mobile/src/features/Swap/common/Counter/Counter.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/Counter/Counter.tsx @@ -42,15 +42,15 @@ const useStyles = () => { paddingTop: 16, justifyContent: 'center', flexDirection: 'row', - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, counterText: { ...atoms.body_2_md_medium, - color: color.primary_c600, + color: color.primary_600, }, counterTextBold: { ...atoms.body_2_md_regular, - color: color.primary_c600, + color: color.primary_600, }, }) diff --git a/apps/wallet-mobile/src/features/Swap/common/LiquidityPool/LiquidityPool.tsx b/apps/wallet-mobile/src/features/Swap/common/LiquidityPool/LiquidityPool.tsx index 1c030b5c38..c5714d4889 100644 --- a/apps/wallet-mobile/src/features/Swap/common/LiquidityPool/LiquidityPool.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/LiquidityPool/LiquidityPool.tsx @@ -36,7 +36,7 @@ const useStyles = () => { justifyContent: 'center', }, liquidityPoolText: { - color: color.primary_c500, + color: color.primary_500, ...atoms.body_1_lg_medium, }, liquidityPool: { diff --git a/apps/wallet-mobile/src/features/Swap/common/SelectPool/SelectPoolFromList/SelectPoolFromList.tsx b/apps/wallet-mobile/src/features/Swap/common/SelectPool/SelectPoolFromList/SelectPoolFromList.tsx index 71f289c3c4..72f2b9428c 100644 --- a/apps/wallet-mobile/src/features/Swap/common/SelectPool/SelectPoolFromList/SelectPoolFromList.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/SelectPool/SelectPoolFromList/SelectPoolFromList.tsx @@ -196,7 +196,7 @@ const useStyles = () => { borderRadius: 8, }, shadowProp: { - shadowColor: color.gray_cmax, + shadowColor: color.gray_max, shadowOpacity: 0.2, shadowOffset: { width: 0, @@ -218,7 +218,7 @@ const useStyles = () => { overflow: 'hidden', }, label: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_medium, }, infoContainer: { @@ -235,7 +235,7 @@ const useStyles = () => { }, infoValue: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, display: 'flex', flexShrink: 1, textAlign: 'right', @@ -243,8 +243,8 @@ const useStyles = () => { }) const colors = { gradientColor: color.bg_gradient_1, - white: color.gray_cmin, - bg: color.bg_color_high, + white: color.gray_min, + bg: color.bg_color_max, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/Swap/common/ServiceUnavailable/ServiceUnavailable.tsx b/apps/wallet-mobile/src/features/Swap/common/ServiceUnavailable/ServiceUnavailable.tsx index 46f8d86728..eaf1c1e2b2 100644 --- a/apps/wallet-mobile/src/features/Swap/common/ServiceUnavailable/ServiceUnavailable.tsx +++ b/apps/wallet-mobile/src/features/Swap/common/ServiceUnavailable/ServiceUnavailable.tsx @@ -44,13 +44,13 @@ const useStyles = () => { padding: 16, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, padding: 4, textAlign: 'center', }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, textAlign: 'center', maxWidth: 300, diff --git a/apps/wallet-mobile/src/features/Swap/common/helpers.ts b/apps/wallet-mobile/src/features/Swap/common/helpers.ts index 181a0b13db..cb1cd172ce 100644 --- a/apps/wallet-mobile/src/features/Swap/common/helpers.ts +++ b/apps/wallet-mobile/src/features/Swap/common/helpers.ts @@ -126,18 +126,18 @@ export const usePriceImpactRiskTheme = (risk: SwapPriceImpactRisk) => { if (risk === 'high') { return { - text: color.sys_magenta_c500, - background: color.sys_magenta_c100, + text: color.sys_magenta_500, + background: color.sys_magenta_100, } } else if (risk === 'moderate') { return { - text: color.sys_orange_c500, - background: color.sys_orange_c100, + text: color.sys_orange_500, + background: color.sys_orange_100, } } return { - text: color.gray_cmax, - background: color.gray_cmin, + text: color.gray_max, + background: color.gray_min, } } diff --git a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ConfirmTxScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ConfirmTxScreen.tsx index 2c316aa893..a649047619 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ConfirmTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ConfirmTxScreen.tsx @@ -168,19 +168,19 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingTop: 16, }, container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, display: 'flex', flexDirection: 'column', justifyContent: 'space-between', }, actions: { padding: 16, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, modalContent: { flex: 1, @@ -192,7 +192,7 @@ const useStyles = () => { }, actionBorder: { borderTopWidth: 1, - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowFailedTxScreen/ShowFailedTxScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowFailedTxScreen/ShowFailedTxScreen.tsx index b6ecf63797..b9f23a55f5 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowFailedTxScreen/ShowFailedTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowFailedTxScreen/ShowFailedTxScreen.tsx @@ -39,13 +39,13 @@ const useStyles = () => { padding: 16, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, padding: 4, textAlign: 'center', }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, textAlign: 'center', maxWidth: 330, diff --git a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowSubmittedTxScreen/ShowSubmittedTxScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowSubmittedTxScreen/ShowSubmittedTxScreen.tsx index a608ab6dd2..1ccadf117d 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowSubmittedTxScreen/ShowSubmittedTxScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/ShowSubmittedTxScreen/ShowSubmittedTxScreen.tsx @@ -70,7 +70,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, }, bottomFixed: { @@ -88,13 +88,13 @@ const useStyles = () => { padding: 16, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, padding: 4, textAlign: 'center', }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, textAlign: 'center', maxWidth: 300, diff --git a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx index 384f6561d7..c794805387 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx @@ -299,14 +299,14 @@ const useStyles = () => { text: { textAlign: 'left', ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, gray: { - color: color.gray_c700, + color: color.gray_700, }, amountItemLabel: { fontSize: 12, - color: color.gray_c900, + color: color.gray_900, paddingBottom: 8, }, modalContent: { @@ -316,7 +316,7 @@ const useStyles = () => { }, modalText: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, orderValueContainer: { flexDirection: 'row', @@ -334,7 +334,7 @@ const useStyles = () => { bannerText: { fontSize: 14, lineHeight: 22, - color: color.gray_c900, + color: color.gray_900, }, bold: { ...atoms.body_2_md_medium, @@ -346,7 +346,7 @@ const useStyles = () => { }) const colors = { - icon: color.gray_cmax, + icon: color.gray_max, gradientColor: color.bg_gradient_3, } diff --git a/apps/wallet-mobile/src/features/Swap/useCases/ShowPreprodNoticeScreen/ShowPreprodNoticeScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/ShowPreprodNoticeScreen/ShowPreprodNoticeScreen.tsx index 9462465f72..43cbbb6ee6 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/ShowPreprodNoticeScreen/ShowPreprodNoticeScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/ShowPreprodNoticeScreen/ShowPreprodNoticeScreen.tsx @@ -25,14 +25,14 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, flex: 1, alignItems: 'center', justifyContent: 'center', }, title: { - color: color.gray_c900, + color: color.gray_900, ...atoms.heading_3_medium, ...atoms.px_sm, textAlign: 'center', diff --git a/apps/wallet-mobile/src/features/Swap/useCases/ShowSanchoNoticeScreen/ShowSanchoNoticeScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/ShowSanchoNoticeScreen/ShowSanchoNoticeScreen.tsx index d99db6f827..5b5e2bf1d6 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/ShowSanchoNoticeScreen/ShowSanchoNoticeScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/ShowSanchoNoticeScreen/ShowSanchoNoticeScreen.tsx @@ -25,14 +25,14 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, flex: 1, alignItems: 'center', justifyContent: 'center', }, title: { - color: color.gray_c900, + color: color.gray_900, ...atoms.heading_3_medium, ...atoms.px_sm, textAlign: 'center', diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/AmountActions/ResetQuantities.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/AmountActions/ResetQuantities.tsx index 5f86d14c87..849622345c 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/AmountActions/ResetQuantities.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/AmountActions/ResetQuantities.tsx @@ -23,7 +23,7 @@ const useStyles = () => { const styles = StyleSheet.create({ text: { - color: color.primary_c500, + color: color.primary_500, ...atoms.body_2_md_medium, textTransform: 'uppercase', }, diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/OrderActions/OrderActions.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/OrderActions/OrderActions.tsx index 88cfba8d9a..4aa0798188 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/OrderActions/OrderActions.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/Actions/OrderActions/OrderActions.tsx @@ -111,8 +111,8 @@ const useStyles = () => { }) const colors = { - disabled: color.gray_c500, - enabled: color.gray_cmax, + disabled: color.gray_500, + enabled: color.gray_max, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditBuyAmount/SelectBuyTokenFromListScreen/SelectBuyTokenFromListScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditBuyAmount/SelectBuyTokenFromListScreen/SelectBuyTokenFromListScreen.tsx index 4ee8c9876e..8bb118ddd6 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditBuyAmount/SelectBuyTokenFromListScreen/SelectBuyTokenFromListScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditBuyAmount/SelectBuyTokenFromListScreen/SelectBuyTokenFromListScreen.tsx @@ -221,7 +221,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, ph: { paddingHorizontal: 16, @@ -242,14 +242,14 @@ const useStyles = () => { }, line: { height: 1, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, row: { flexDirection: 'row', alignSelf: 'center', }, legend: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_2_md_regular, }, image: { @@ -266,7 +266,7 @@ const useStyles = () => { flex: 1, ...atoms.heading_3_medium, fontSize: 20, - color: color.gray_cmax, + color: color.gray_max, paddingTop: 4, textAlign: 'center', }, @@ -276,7 +276,7 @@ const useStyles = () => { }) const colors = { - lightGreen: color.secondary_c600, + lightGreen: color.secondary_600, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/SelectPoolFromListScreen/SelectPoolFromListScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/SelectPoolFromListScreen/SelectPoolFromListScreen.tsx index 48c06d5a3e..2c073c8909 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/SelectPoolFromListScreen/SelectPoolFromListScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/SelectPoolFromListScreen/SelectPoolFromListScreen.tsx @@ -34,7 +34,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/ShowPoolActions.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/ShowPoolActions.tsx index 7446a04771..04e7828db2 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/ShowPoolActions.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditPool/ShowPoolActions.tsx @@ -289,12 +289,12 @@ const useStyles = () => { modalText: { textAlign: 'left', ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, text: { textAlign: 'right', ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, flexWrap: 'wrap', flex: 1, }, @@ -304,13 +304,13 @@ const useStyles = () => { justifyContent: 'space-between', ...atoms.px_lg, }, - change: {color: color.primary_c500, ...atoms.body_2_md_medium, textTransform: 'uppercase'}, + change: {color: color.primary_500, ...atoms.body_2_md_medium, textTransform: 'uppercase'}, bold: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_1_lg_regular, }, bolder: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_1_lg_medium, }, }) 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 444a6c4599..902bc2b06d 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 @@ -83,28 +83,28 @@ const useStyles = () => { container: { borderRadius: 8, borderWidth: BORDER_SIZE, - borderColor: color.gray_c400, + borderColor: color.gray_400, width: '100%', height: 56, paddingLeft: 16, paddingRight: 8, }, disabled: { - backgroundColor: color.gray_c50, + backgroundColor: color.gray_50, }, active: { borderWidth: 2, - borderColor: color.gray_c900, + borderColor: color.gray_900, zIndex: 2222, }, label: { position: 'absolute', top: -7, left: 10, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingHorizontal: 5, fontSize: 12, - color: color.gray_c900, + color: color.gray_900, }, content: { display: 'flex', @@ -116,11 +116,11 @@ const useStyles = () => { fontSize: 16, height: 56, paddingRight: 16, - color: color.gray_cmax, + color: color.gray_max, }, text: { fontSize: 16, - color: color.gray_cmax, + color: color.gray_max, fontFamily: 'Rubik-Regular', }, textWrapper: { @@ -135,7 +135,7 @@ const useStyles = () => { }, }) const colors = { - cursor: color.text_gray_normal, + cursor: color.text_gray_medium, } return {styles, colors} as const } diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSellAmount/SelectSellTokenFromListScreen/SelectSellTokenFromListScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSellAmount/SelectSellTokenFromListScreen/SelectSellTokenFromListScreen.tsx index 6dbaa88183..629aa6b3b4 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSellAmount/SelectSellTokenFromListScreen/SelectSellTokenFromListScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSellAmount/SelectSellTokenFromListScreen/SelectSellTokenFromListScreen.tsx @@ -172,7 +172,7 @@ const useStyles = () => { }, container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, display: 'flex', justifyContent: 'flex-start', }, @@ -185,7 +185,7 @@ const useStyles = () => { }, line: { height: 1, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, list: { paddingTop: 16, @@ -204,7 +204,7 @@ const useStyles = () => { contentText: { flex: 1, ...atoms.heading_4_medium, - color: color.gray_cmax, + color: color.gray_max, paddingTop: 4, textAlign: 'center', }, diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippage.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippage.tsx index e504bc75c8..6f68fe5efc 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippage.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/EditSlippage.tsx @@ -46,12 +46,12 @@ const useStyles = () => { text: { fontSize: 16, fontFamily: 'Rubik', - color: color.gray_cmax, + color: color.gray_max, }, }) const colors = { - gray: color.gray_cmax, + gray: color.gray_max, } return {styles, colors} } 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 8af69141a2..751c505e5a 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 @@ -142,22 +142,22 @@ const useStyles = () => { ...atoms.flex_1, }, root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, safeAreaView: { ...atoms.p_lg, }, textInfo: { ...atoms.body_3_sm_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, description: { ...atoms.py_lg, ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, bottomText: { - color: color.gray_c700, + color: color.gray_700, ...atoms.body_3_sm_regular, ...atoms.py_xs, }, @@ -170,7 +170,7 @@ const useStyles = () => { ...atoms.p_sm, }, selectedChoiceButton: { - backgroundColor: color.el_gray_low, + backgroundColor: color.el_gray_min, borderRadius: 8, }, choiceLabel: { @@ -181,15 +181,15 @@ const useStyles = () => { color: color.text_gray_max, }, errorText: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, ...atoms.body_3_sm_regular, }, input: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, percentLabel: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, ...atoms.p_lg, ...atoms.absolute, @@ -201,7 +201,7 @@ const useStyles = () => { }, label: { color: color.text_gray_max, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.z_20, ...atoms.absolute, ...atoms.body_3_sm_regular, @@ -212,8 +212,8 @@ const useStyles = () => { }) const colors = { - background: color.gray_c100, - cursor: color.text_gray_normal, + background: color.gray_100, + cursor: color.text_gray_medium, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/ShowSlippageInfo.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/ShowSlippageInfo.tsx index 59f65de2cc..f872ad5a65 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/ShowSlippageInfo.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/EditSlippage/ShowSlippageInfo.tsx @@ -37,17 +37,17 @@ const useStyles = () => { }, label: { ...atoms.body_1_lg_regular, - color: color.gray_c600, + color: color.gray_600, }, sheetContent: { ...atoms.body_1_lg_regular, ...atoms.px_lg, - color: color.gray_c900, + color: color.gray_900, }, }) const colors = { - icon: color.gray_cmax, + icon: color.gray_max, } return {styles, colors} diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/StartSwapOrderScreen.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/StartSwapOrderScreen.tsx index e8b8faa171..57bc46f23c 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/StartSwapOrderScreen.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/StartSwapOrderScreen.tsx @@ -343,7 +343,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.pb_lg, }, flex: { @@ -358,7 +358,7 @@ const useStyles = () => { }, actionBorder: { ...atoms.border_t, - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnLimitPrice/WarnLimitPrice.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnLimitPrice/WarnLimitPrice.tsx index 85cf68cc69..354717db25 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnLimitPrice/WarnLimitPrice.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnLimitPrice/WarnLimitPrice.tsx @@ -131,7 +131,7 @@ const useStyles = () => { }, description: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, }) diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnPriceImpact/WarnPriceImpact.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnPriceImpact/WarnPriceImpact.tsx index 4ac8b1dbee..e353aab721 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnPriceImpact/WarnPriceImpact.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnPriceImpact/WarnPriceImpact.tsx @@ -54,7 +54,7 @@ const useStyles = () => { ...atoms.flex_1, }, buttonContinue: { - backgroundColor: color.sys_magenta_c500, + backgroundColor: color.sys_magenta_500, ...atoms.flex_1, }, buttonsWrapper: { @@ -70,7 +70,7 @@ const useStyles = () => { ...atoms.pb_lg, }, description: { - color: color.text_gray_normal, + color: color.text_gray_medium, ...atoms.body_1_lg_regular, }, bold: { diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnSlippage/WarnSlippage.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnSlippage/WarnSlippage.tsx index 7fe498058e..bc05fd0c47 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnSlippage/WarnSlippage.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/CreateOrder/WarnSlippage/WarnSlippage.tsx @@ -112,7 +112,7 @@ const useStyles = () => { }, description: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, }) diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/CompletedOrders.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/CompletedOrders.tsx index 8a1a7189bf..0eadcdd6b2 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/CompletedOrders.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/CompletedOrders.tsx @@ -385,7 +385,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, skeletonCard: { ...atoms.px_lg, @@ -398,7 +398,7 @@ const useStyles = () => { justifyContent: 'center', }, txLinkText: { - color: color.primary_c400, + color: color.primary_400, ...atoms.body_1_lg_regular, textDecorationLine: 'underline', }, @@ -407,7 +407,7 @@ const useStyles = () => { alignItems: 'center', }, headerLabel: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_2_md_medium, }, counter: { @@ -427,7 +427,7 @@ const useStyles = () => { flex: 1, textAlign: 'center', ...atoms.body_2_md_medium, - color: color.gray_cmax, + color: color.gray_max, fontSize: 20, }, }) diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/ListOrders.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/ListOrders.tsx index b565a7225d..b915b982c0 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/ListOrders.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/ListOrders.tsx @@ -69,7 +69,7 @@ const useStyles = () => { root: { flex: 1, justifyContent: 'space-between', - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) return styles diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/OpenOrders.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/OpenOrders.tsx index baa9a9d7b4..a2362448af 100644 --- a/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/OpenOrders.tsx +++ b/apps/wallet-mobile/src/features/Swap/useCases/StartOrderSwapScreen/ListOrders/OpenOrders.tsx @@ -743,7 +743,7 @@ const useStyles = () => { }, container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, paddingTop: 10, }, content: { @@ -763,20 +763,20 @@ const useStyles = () => { textAlign: 'center', }, modalContentTitleText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, textAlign: 'center', }, contentLabel: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_1_lg_regular, }, headerLabel: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_2_md_medium, }, contentValue: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_1_lg_regular, }, modalContentTitle: { @@ -792,7 +792,7 @@ const useStyles = () => { justifyContent: 'center', }, txLinkText: { - color: color.primary_c500, + color: color.primary_500, ...atoms.body_1_lg_regular, textDecorationLine: 'underline', }, @@ -817,16 +817,16 @@ const useStyles = () => { contentText: { flex: 1, textAlign: 'center', - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, }, contentSubText: { flex: 1, textAlign: 'center', - color: color.gray_c600, + color: color.gray_600, ...atoms.body_1_lg_medium, }, - modalButton: {backgroundColor: color.sys_magenta_c500}, + modalButton: {backgroundColor: color.sys_magenta_500}, }) return styles diff --git a/apps/wallet-mobile/src/features/ToggleAnalyticsSettings/ToggleAnalyticsSettingsScreen.tsx b/apps/wallet-mobile/src/features/ToggleAnalyticsSettings/ToggleAnalyticsSettingsScreen.tsx index d3ed427662..9e183751ed 100644 --- a/apps/wallet-mobile/src/features/ToggleAnalyticsSettings/ToggleAnalyticsSettingsScreen.tsx +++ b/apps/wallet-mobile/src/features/ToggleAnalyticsSettings/ToggleAnalyticsSettingsScreen.tsx @@ -23,7 +23,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Transactions/TxHistoryNavigator.tsx b/apps/wallet-mobile/src/features/Transactions/TxHistoryNavigator.tsx index 7b33816b87..8764f5076b 100644 --- a/apps/wallet-mobile/src/features/Transactions/TxHistoryNavigator.tsx +++ b/apps/wallet-mobile/src/features/Transactions/TxHistoryNavigator.tsx @@ -573,7 +573,7 @@ const useStyles = () => { return { styles, - colors: {gray: color.gray_cmax}, + colors: {gray: color.gray_max}, } as const } @@ -582,6 +582,6 @@ const sendOptions = (navigationOptions: StackNavigationOptions, color: ThemedPal headerStyle: { elevation: 0, shadowOpacity: 0, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, }) diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AddressModal/AddressModal.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AddressModal/AddressModal.tsx index d7adc14ee6..e4a4c653d4 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AddressModal/AddressModal.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AddressModal/AddressModal.tsx @@ -131,7 +131,7 @@ const useStyles = () => { subtitle: { textAlign: 'center', ...atoms.body_2_md_regular, - color: color.gray_c600, + color: color.gray_600, }, row: { flexDirection: 'row', @@ -139,7 +139,7 @@ const useStyles = () => { address: { flex: 1, ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, }, }) diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListSend.style.ts b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListSend.style.ts index 25dba267a5..8ce870f93b 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListSend.style.ts +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListSend.style.ts @@ -5,12 +5,12 @@ export const useSendStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ assetHeading: { - color: color.gray_cmax, + color: color.gray_max, opacity: 0.5, ...atoms.body_3_sm_regular, }, assetMeta: { - color: color.gray_c500, + color: color.gray_500, opacity: 1, ...atoms.body_2_md_regular, }, @@ -26,14 +26,14 @@ export const useSendStyles = () => { marginBottom: 10, ...atoms.px_lg, ...atoms.py_md, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, borderTopWidth: 1, borderBottomWidth: 2, borderColor: 'rgba(173, 174, 182, 0.3)', }, assetName: { ...atoms.body_2_md_regular, - color: color.gray_c900, + color: color.gray_900, marginBottom: 2, }, assetBalanceView: { @@ -43,7 +43,7 @@ export const useSendStyles = () => { }, assetBalance: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, py5: { ...atoms.py_sm, @@ -55,7 +55,7 @@ export const useSendStyles = () => { backgroundColor: 'transparent', }, rowColor2: { - backgroundColor: color.primary_c100, + backgroundColor: color.primary_100, }, tokenMetaView: { flex: 2, diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListTransaction.style.ts b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListTransaction.style.ts index 206f38ba56..a8161ece6e 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListTransaction.style.ts +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/AssetListTransaction.style.ts @@ -5,12 +5,12 @@ export const useAssetListStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ assetHeading: { - color: color.gray_cmax, + color: color.gray_max, opacity: 0.5, ...atoms.body_3_sm_regular, }, assetMeta: { - color: color.gray_c500, + color: color.gray_500, opacity: 0.5, ...atoms.body_2_md_regular, }, @@ -25,7 +25,7 @@ export const useAssetListStyles = () => { }, assetName: { ...atoms.body_2_md_regular, - color: color.gray_c900, + color: color.gray_900, marginBottom: 2, }, assetBalanceView: { @@ -35,7 +35,7 @@ export const useAssetListStyles = () => { }, assetBalance: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, py5: { paddingVertical: 10, diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/Base.style.ts b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/Base.style.ts index d9ab1bd6c9..a15cf6fc8f 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/Base.style.ts +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/Base.style.ts @@ -6,12 +6,12 @@ export const useBaseStyles = () => { const styles = StyleSheet.create({ assetHeading: { - color: color.gray_cmin, + color: color.gray_min, ...atoms.body_3_sm_regular, opacity: 0.5, }, assetMeta: { - color: color.gray_cmin, + color: color.gray_min, ...atoms.body_2_md_regular, opacity: 0.5, }, @@ -31,12 +31,12 @@ export const useBaseStyles = () => { }, assetName: { ...atoms.body_2_md_regular, - color: color.gray_cmin, + color: color.gray_min, marginBottom: 2, }, assetBalance: { ...atoms.body_2_md_regular, - color: color.gray_cmin, + color: color.gray_min, }, py5: { paddingVertical: 10, diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/TxDetails.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/TxDetails.tsx index b863ab79da..28084f5f12 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/TxDetails.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxDetails/TxDetails.tsx @@ -353,7 +353,7 @@ const useStyles = () => { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, fade: { flex: 1, @@ -362,11 +362,11 @@ const useStyles = () => { ...atoms.px_lg, }, positiveAmount: { - color: color.primary_c600, + color: color.primary_600, fontWeight: '500', }, negativeAmount: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, fontWeight: '500', }, label: { @@ -382,7 +382,7 @@ const useStyles = () => { }, assetsTitle: { ...atoms.body_2_md_regular, - color: color.gray_c900, + color: color.gray_900, }, center: { ...atoms.pt_lg, @@ -399,7 +399,7 @@ const useStyles = () => { }, }) const colors = { - iconColor: color.gray_c500, + iconColor: color.gray_500, } return {styles, colors} } diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx index 234862d4ad..839b7b0d94 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx @@ -211,19 +211,19 @@ const useStyles = () => { height: 56, width: 56, borderRadius: 28, - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, actionLabel: { ...atoms.pt_sm, ...atoms.body_3_sm_medium, - color: color.gray_cmax, + color: color.gray_max, }, disabled: { opacity: 0.5, }, isCopying: { position: 'absolute', - backgroundColor: color.gray_cmax, + backgroundColor: color.gray_max, alignItems: 'center', justifyContent: 'center', top: -40, @@ -235,7 +235,7 @@ const useStyles = () => { textAlign: 'center', ...atoms.p_sm, ...atoms.body_2_md_medium, - color: color.gray_cmin, + color: color.gray_min, }, }) diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/BalanceBanner.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/BalanceBanner.tsx index 02e05ee6cf..f21657faca 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/BalanceBanner.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/BalanceBanner.tsx @@ -82,7 +82,7 @@ const useStyles = () => { }, balanceText: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, }, centered: { justifyContent: 'center', diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/LockedDeposit.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/LockedDeposit.tsx index 4cd97bbf1f..73deb451ae 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/LockedDeposit.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/LockedDeposit.tsx @@ -65,7 +65,7 @@ const useStyles = () => { alignItems: 'center', }, label: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, }, }) diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/TxHistory.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/TxHistory.tsx index 65b0344e9c..46cb2a72f9 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/TxHistory.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/TxHistory.tsx @@ -110,13 +110,13 @@ const useStyles = () => { }, title: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, textAlign: 'center', }, panel: { flex: 1, paddingTop: 8, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, borderTopLeftRadius: 24, borderTopRightRadius: 24, }, diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/WarningBanner.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/WarningBanner.tsx index bb9a732598..83ef5ea823 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/WarningBanner.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/WarningBanner.tsx @@ -61,7 +61,7 @@ const useStyles = () => { flexDirection: 'row', }, titleText: { - color: color.gray_c500, + color: color.gray_500, ...atoms.body_1_lg_regular, }, icon: { @@ -69,7 +69,7 @@ const useStyles = () => { width: 18, }, messageText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_2_md_regular, }, wrapper: { @@ -80,7 +80,7 @@ const useStyles = () => { shadowRadius: 12, shadowOpacity: 0.06, shadowColor: color.black_static, - backgroundColor: color.primary_c100, + backgroundColor: color.primary_100, borderRadius: 8, }, close: { @@ -98,5 +98,5 @@ const useStyles = () => { marginVertical: 16, }, }) - return {styles, colors: {icon: color.gray_c600}} as const + return {styles, colors: {icon: color.gray_600}} as const } diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListEmpty.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListEmpty.tsx index 33cf963661..85d9d52e47 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListEmpty.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListEmpty.tsx @@ -34,7 +34,7 @@ const useStyles = () => { }, emptyText: { ...atoms.body_1_lg_medium, - color: color.gray_c900, + color: color.gray_900, width: '55%', textAlign: 'center', }, diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItem.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItem.tsx index d99790c1e1..d5418b8b9e 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItem.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItem.tsx @@ -181,11 +181,11 @@ const useStyles = () => { const {color, atoms, isDark} = useTheme() const styles = StyleSheet.create({ pair: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_3_sm_regular, }, date: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_3_sm_regular, }, direction: { @@ -200,15 +200,15 @@ const useStyles = () => { flexDirection: 'row', }, amount: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_2_md_medium, }, }) const colors = { default: color.white_static, - failed: color.primary_c200, - background: color.gray_cmin, + failed: color.primary_200, + background: color.gray_min, } return {styles, colors, isDark} } diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItemSkeleton.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItemSkeleton.tsx index 02989cd575..74088d6612 100644 --- a/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItemSkeleton.tsx +++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxList/TxListItemSkeleton.tsx @@ -7,7 +7,7 @@ export const TxListItemSkeleton = () => { const {color, styles} = useStyles() return ( - + diff --git a/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/AggregatedBalance.tsx b/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/AggregatedBalance.tsx index c80bb4105d..55c3a08589 100644 --- a/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/AggregatedBalance.tsx +++ b/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/AggregatedBalance.tsx @@ -78,7 +78,7 @@ const useStyles = () => { ...atoms.justify_center, }, tokensText: { - backgroundColor: color.bg_color_low, + backgroundColor: color.bg_color_min, color: color.text_gray_max, ...atoms.monospace, ...atoms.p_xs, diff --git a/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/SelectWalletFromListScreen.tsx b/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/SelectWalletFromListScreen.tsx index 55c79dee6f..0af4c030bd 100644 --- a/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/SelectWalletFromListScreen.tsx +++ b/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/SelectWalletFromListScreen.tsx @@ -154,18 +154,18 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ safeAreaView: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.py_lg, }, topButton: { - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, button: { - backgroundColor: color.primary_c500, + backgroundColor: color.primary_500, }, linkText: { - color: color.primary_c500, + color: color.primary_500, }, link: { ...atoms.button_2_md, @@ -182,8 +182,8 @@ const useStyles = () => { }) const colors = { - gray: color.gray_c600, - lightGray: color.gray_c200, + gray: color.gray_600, + lightGray: color.gray_200, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/WalletListItem.tsx b/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/WalletListItem.tsx index 894c46e6e7..6d0bb1b06e 100644 --- a/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/WalletListItem.tsx +++ b/apps/wallet-mobile/src/features/WalletManager/useCases/SelectWalletFromListScreen/WalletListItem.tsx @@ -163,15 +163,15 @@ const useStyles = () => { }, walletName: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, flex: 1, }, walletMeta: { - color: color.gray_c600, + color: color.gray_600, opacity: 0.5, }, walletMetaPressed: { - color: color.gray_cmax, + color: color.gray_max, opacity: 1, }, disabled: { @@ -188,17 +188,17 @@ const useStyles = () => { ...atoms.px_md, }, actionDangerousText: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, ...atoms.body_2_md_medium, ...atoms.p_sm, - backgroundColor: color.sys_magenta_c100, + backgroundColor: color.sys_magenta_100, }, }) const colors = { white: color.white_static, - selected: color.primary_c600, - icon: color.gray_c600, + selected: color.primary_600, + icon: color.gray_600, } return {styles, colors} as const diff --git a/apps/wallet-mobile/src/hooks/useStatusBar.ts b/apps/wallet-mobile/src/hooks/useStatusBar.ts index 4c7fe6841b..2fb5a92875 100644 --- a/apps/wallet-mobile/src/hooks/useStatusBar.ts +++ b/apps/wallet-mobile/src/hooks/useStatusBar.ts @@ -62,7 +62,7 @@ const getStatusBarStyleByRoute = ({ } return { translucent: false, - bgColorAndroid: isDark ? color.bg_color_high : color.white_static, + bgColorAndroid: isDark ? color.bg_color_max : color.white_static, statusBarStyle: isDark ? 'light-content' : 'dark-content', } } diff --git a/apps/wallet-mobile/src/kernel/navigation.tsx b/apps/wallet-mobile/src/kernel/navigation.tsx index d1e5722a50..c5f45fae6c 100644 --- a/apps/wallet-mobile/src/kernel/navigation.tsx +++ b/apps/wallet-mobile/src/kernel/navigation.tsx @@ -46,7 +46,7 @@ export const BackButton = (props: TouchableOpacityProps & {color?: string}) => { return ( - + ) } @@ -65,15 +65,15 @@ export const defaultStackNavigationOptions = (atoms: Atoms, color: ThemedPalette ), - headerTintColor: color.gray_cmax, + headerTintColor: color.gray_max, headerStyle: { elevation: 0, shadowOpacity: 0, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, headerTitleStyle: { ...atoms.body_1_lg_medium, @@ -102,14 +102,14 @@ export const defaultMaterialTopTabNavigationOptions = ( color: ThemedPalette, ): MaterialTopTabNavigationOptions => { return { - tabBarStyle: {backgroundColor: color.bg_color_high, elevation: 0, shadowOpacity: 0, marginHorizontal: 16}, - tabBarIndicatorStyle: {backgroundColor: color.primary_c600, height: 2}, + tabBarStyle: {backgroundColor: color.bg_color_max, elevation: 0, shadowOpacity: 0, marginHorizontal: 16}, + tabBarIndicatorStyle: {backgroundColor: color.primary_600, height: 2}, tabBarLabelStyle: { textTransform: 'none', ...atoms.body_1_lg_medium, }, - tabBarActiveTintColor: color.primary_c600, - tabBarInactiveTintColor: color.gray_c600, + tabBarActiveTintColor: color.primary_600, + tabBarInactiveTintColor: color.gray_600, } } diff --git a/apps/wallet-mobile/src/legacy/Dashboard/Dashboard.tsx b/apps/wallet-mobile/src/legacy/Dashboard/Dashboard.tsx index 44625f1fbe..0ede07ba44 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/Dashboard.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/Dashboard.tsx @@ -243,7 +243,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { flex: 1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, container: { flexDirection: 'column', @@ -262,7 +262,7 @@ const useStyles = () => { }, actions: { borderTopWidth: 1, - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, flexDirection: 'row', padding: 16, elevation: 1, diff --git a/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx b/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx index 3e54a683b3..154a661ff3 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx @@ -85,13 +85,13 @@ const useStyles = () => { alignItems: 'center', }, label: { - color: color.gray_c900, + color: color.gray_900, ...atoms.pr_md, ...atoms.body_2_md_regular, }, value: { ...atoms.body_1_lg_regular, - color: color.gray_c700, + color: color.gray_700, }, timeWrapper: { flexDirection: 'row', @@ -101,8 +101,8 @@ const useStyles = () => { timeBlock: { ...atoms.body_1_lg_regular, ...atoms.py_xs, - backgroundColor: color.bg_color_high, - color: color.gray_c900, + backgroundColor: color.bg_color_max, + color: color.gray_900, marginHorizontal: 4, borderRadius: 2, textAlign: 'center', diff --git a/apps/wallet-mobile/src/legacy/Dashboard/NotDelegatedInfo.tsx b/apps/wallet-mobile/src/legacy/Dashboard/NotDelegatedInfo.tsx index e410750ce6..311fdc2b89 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/NotDelegatedInfo.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/NotDelegatedInfo.tsx @@ -38,7 +38,7 @@ const useStyles = () => { }, text: { textAlign: 'center', - color: color.gray_c900, + color: color.gray_900, lineHeight: 22, }, textFirstLine: { diff --git a/apps/wallet-mobile/src/legacy/Dashboard/StakePoolInfo.tsx b/apps/wallet-mobile/src/legacy/Dashboard/StakePoolInfo.tsx index ee590e87db..2de28274b1 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/StakePoolInfo.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/StakePoolInfo.tsx @@ -105,7 +105,7 @@ const useStyles = () => { flexDirection: 'row', }, poolId: { - color: color.gray_c700, + color: color.gray_700, ...atoms.body_2_md_regular, flex: 1, }, diff --git a/apps/wallet-mobile/src/legacy/Dashboard/UserSummary.tsx b/apps/wallet-mobile/src/legacy/Dashboard/UserSummary.tsx index a5e678e5a8..44d86e996c 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/UserSummary.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/UserSummary.tsx @@ -127,11 +127,11 @@ const useStyles = () => { flexDirection: 'column', }, label: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_2_md_regular, }, value: { - color: color.gray_c800, + color: color.gray_800, ...atoms.body_1_lg_regular, }, withdrawBlock: { diff --git a/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/ConfirmTx/ConfirmTxWithPassword.tsx b/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/ConfirmTx/ConfirmTxWithPassword.tsx index f907e62fea..c632c7adb5 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/ConfirmTx/ConfirmTxWithPassword.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/ConfirmTx/ConfirmTxWithPassword.tsx @@ -74,7 +74,7 @@ export const ConfirmTxWithPassword = ({wallet, onSuccess, onCancel, unsignedTx}: {isLoading && ( - + )} @@ -109,7 +109,7 @@ const useStyles = () => { ...atoms.justify_center, }, buttons: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.p_lg, ...atoms.flex_row, }, diff --git a/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/WithdrawStakingRewards.tsx b/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/WithdrawStakingRewards.tsx index 11d577690f..d67c835bce 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/WithdrawStakingRewards.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/WithdrawStakingRewards/WithdrawStakingRewards.tsx @@ -224,23 +224,23 @@ const useStyles = () => { }, paragraph: { ...atoms.body_2_md_regular, - color: color.gray_cmax, + color: color.gray_max, }, checkbox: { paddingLeft: 4, alignItems: 'center', }, secondaryButton: { - backgroundColor: color.sys_magenta_c500, + backgroundColor: color.sys_magenta_500, }, actions: { ...atoms.px_lg, paddingTop: 16, borderTopWidth: 1, - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, }, bolder: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_2_md_medium, }, title: { diff --git a/apps/wallet-mobile/src/legacy/HW/Instructions/Instructions.tsx b/apps/wallet-mobile/src/legacy/HW/Instructions/Instructions.tsx index a856cf3b83..f6b2d3f341 100644 --- a/apps/wallet-mobile/src/legacy/HW/Instructions/Instructions.tsx +++ b/apps/wallet-mobile/src/legacy/HW/Instructions/Instructions.tsx @@ -66,7 +66,7 @@ const useStyles = () => { const styles = StyleSheet.create({ paragraphText: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_regular, }, blockMargin: { diff --git a/apps/wallet-mobile/src/legacy/HW/LedgerConnect/DeviceItem/DeviceItem.tsx b/apps/wallet-mobile/src/legacy/HW/LedgerConnect/DeviceItem/DeviceItem.tsx index e79557f6d7..9354f1a5f7 100644 --- a/apps/wallet-mobile/src/legacy/HW/LedgerConnect/DeviceItem/DeviceItem.tsx +++ b/apps/wallet-mobile/src/legacy/HW/LedgerConnect/DeviceItem/DeviceItem.tsx @@ -47,7 +47,7 @@ const useStyles = () => { deviceItem: { ...atoms.py_lg, ...atoms.px_2xl, - borderColor: color.primary_c500, + borderColor: color.primary_500, borderWidth: 1, borderRadius: 8, flexDirection: 'row', @@ -56,7 +56,7 @@ const useStyles = () => { }, deviceName: { ...atoms.heading_3_medium, - color: color.primary_c500, + color: color.primary_500, }, disabled: { opacity: 0.5, diff --git a/apps/wallet-mobile/src/legacy/HW/LedgerConnect/LedgerConnect.tsx b/apps/wallet-mobile/src/legacy/HW/LedgerConnect/LedgerConnect.tsx index 4701a4ee41..597406686a 100644 --- a/apps/wallet-mobile/src/legacy/HW/LedgerConnect/LedgerConnect.tsx +++ b/apps/wallet-mobile/src/legacy/HW/LedgerConnect/LedgerConnect.tsx @@ -369,15 +369,15 @@ const useStyles = () => { }, error: { ...atoms.body_1_lg_medium, - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, paragraphText: { ...atoms.body_1_lg_medium, - color: color.text_gray_normal, + color: color.text_gray_medium, }, item: { ...atoms.body_1_lg_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, button: { marginHorizontal: 10, diff --git a/apps/wallet-mobile/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.tsx b/apps/wallet-mobile/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.tsx index 4d0c9ca709..8b4635c26b 100644 --- a/apps/wallet-mobile/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.tsx +++ b/apps/wallet-mobile/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.tsx @@ -147,7 +147,7 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.px_lg, ...atoms.pb_2xl, flex: 1, @@ -156,20 +156,20 @@ const useStyles = () => { ...atoms.pt_2xl, }, heading: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_1_lg_medium, }, text: { - color: color.gray_c900, + color: color.gray_900, ...atoms.body_2_md_regular, }, rewards: { ...atoms.body_1_lg_medium, - color: color.primary_c600, + color: color.primary_600, }, fees: { textAlign: 'right', - color: color.gray_c900, + color: color.gray_900, }, }) return styles diff --git a/apps/wallet-mobile/src/legacy/Staking/FailedTx/FailedTxScreen.tsx b/apps/wallet-mobile/src/legacy/Staking/FailedTx/FailedTxScreen.tsx index 4c9441fe55..890bf2bf45 100644 --- a/apps/wallet-mobile/src/legacy/Staking/FailedTx/FailedTxScreen.tsx +++ b/apps/wallet-mobile/src/legacy/Staking/FailedTx/FailedTxScreen.tsx @@ -66,26 +66,26 @@ const useStyles = () => { const {atoms, color} = useTheme() const styles = StyleSheet.create({ container: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, flex: 1, alignItems: 'center', justifyContent: 'center', ...atoms.p_lg, }, title: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.heading_3_medium, ...atoms.px_xs, textAlign: 'center', }, text: { - color: color.gray_c600, + color: color.gray_600, ...atoms.body_2_md_regular, textAlign: 'center', maxWidth: 330, }, outlineText: { - color: color.primary_c500, + color: color.primary_500, }, }) return styles diff --git a/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionModal.tsx b/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionModal.tsx index 1b355859d6..c5014b1fe7 100644 --- a/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionModal.tsx +++ b/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionModal.tsx @@ -182,11 +182,11 @@ const useStyles = () => { }, border: { borderWidth: 1, - borderColor: color.gray_c300, + borderColor: color.gray_300, }, warningBorder: { borderWidth: 2, - borderColor: color.sys_magenta_c500, + borderColor: color.sys_magenta_500, }, poolTicker: { alignItems: 'center', @@ -195,7 +195,7 @@ const useStyles = () => { }, poolTickerText: { ...atoms.body_1_lg_regular, - color: color.primary_c600, + color: color.primary_600, }, pic: { width: 24, @@ -204,18 +204,18 @@ const useStyles = () => { }, label: { ...atoms.body_1_lg_regular, - color: color.gray_c600, + color: color.gray_600, }, currentValue: { ...atoms.body_1_lg_regular, - color: color.gray_cmax, + color: color.gray_max, }, suggestedValue: { ...atoms.body_1_lg_medium, - color: color.gray_cmax, + color: color.gray_max, }, warning: { - color: color.sys_magenta_c500, + color: color.sys_magenta_500, }, warningText: { ...atoms.body_1_lg_regular, @@ -233,7 +233,7 @@ const useStyles = () => { line: { width: '120%', height: StyleSheet.hairlineWidth, - backgroundColor: color.gray_c200, + backgroundColor: color.gray_200, }, actions: { alignSelf: 'stretch', @@ -241,11 +241,11 @@ const useStyles = () => { }, details: { ...atoms.body_1_lg_regular, - color: color.gray_c900, + color: color.gray_900, width: '100%', }, outlineButton: { - color: color.gray_c900, + color: color.gray_900, ...atoms.button_2_md, textTransform: 'uppercase', }, diff --git a/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionNotice.tsx b/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionNotice.tsx index 7f5de45482..3db7442828 100644 --- a/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionNotice.tsx +++ b/apps/wallet-mobile/src/legacy/Staking/PoolTransition/PoolTransitionNotice.tsx @@ -19,7 +19,7 @@ export const PoolTransitionNotice = () => { return ( - + @@ -51,11 +51,11 @@ const useStyles = () => { flex: 1, padding: 16, gap: 12, - backgroundColor: color.sys_magenta_c100, + backgroundColor: color.sys_magenta_100, borderRadius: 8, }, text: { - color: color.gray_cmax, + color: color.gray_max, ...atoms.body_2_md_regular, }, bold: { @@ -63,7 +63,7 @@ const useStyles = () => { }, noticeButton: { flexGrow: 0, - backgroundColor: color.sys_magenta_c500, + backgroundColor: color.sys_magenta_500, ...atoms.button_2_md, }, actions: { diff --git a/apps/wallet-mobile/src/legacy/Staking/StakingCenter/StakingCenter.tsx b/apps/wallet-mobile/src/legacy/Staking/StakingCenter/StakingCenter.tsx index d4e461c7e1..9146f1c1b1 100644 --- a/apps/wallet-mobile/src/legacy/Staking/StakingCenter/StakingCenter.tsx +++ b/apps/wallet-mobile/src/legacy/Staking/StakingCenter/StakingCenter.tsx @@ -111,7 +111,7 @@ const useStyles = () => { const {color, atoms} = useTheme() const styles = StyleSheet.create({ root: { - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, ...atoms.flex_1, ...atoms.px_lg, }, diff --git a/apps/wallet-mobile/translations/messages/src/WalletNavigator.json b/apps/wallet-mobile/translations/messages/src/WalletNavigator.json index b4c6618ee5..26d9ab3c22 100644 --- a/apps/wallet-mobile/translations/messages/src/WalletNavigator.json +++ b/apps/wallet-mobile/translations/messages/src/WalletNavigator.json @@ -6,12 +6,12 @@ "start": { "line": 287, "column": 22, - "index": 10028 + "index": 10025 }, "end": { "line": 290, "column": 3, - "index": 10131 + "index": 10128 } }, { @@ -21,12 +21,12 @@ "start": { "line": 291, "column": 14, - "index": 10147 + "index": 10144 }, "end": { "line": 294, "column": 3, - "index": 10246 + "index": 10243 } }, { @@ -36,12 +36,12 @@ "start": { "line": 295, "column": 17, - "index": 10265 + "index": 10262 }, "end": { "line": 298, "column": 3, - "index": 10370 + "index": 10367 } }, { @@ -51,12 +51,12 @@ "start": { "line": 299, "column": 19, - "index": 10391 + "index": 10388 }, "end": { "line": 302, "column": 3, - "index": 10488 + "index": 10485 } }, { @@ -66,12 +66,12 @@ "start": { "line": 303, "column": 18, - "index": 10508 + "index": 10505 }, "end": { "line": 306, "column": 3, - "index": 10603 + "index": 10600 } }, { @@ -81,12 +81,12 @@ "start": { "line": 307, "column": 16, - "index": 10621 + "index": 10618 }, "end": { "line": 310, "column": 3, - "index": 10719 + "index": 10716 } }, { @@ -96,12 +96,12 @@ "start": { "line": 311, "column": 17, - "index": 10738 + "index": 10735 }, "end": { "line": 314, "column": 3, - "index": 10803 + "index": 10800 } }, { @@ -111,12 +111,12 @@ "start": { "line": 315, "column": 14, - "index": 10819 + "index": 10816 }, "end": { "line": 318, "column": 3, - "index": 10913 + "index": 10910 } }, { @@ -126,12 +126,12 @@ "start": { "line": 319, "column": 14, - "index": 10929 + "index": 10926 }, "end": { "line": 322, "column": 3, - "index": 10981 + "index": 10978 } }, { @@ -141,12 +141,12 @@ "start": { "line": 323, "column": 18, - "index": 11001 + "index": 10998 }, "end": { "line": 326, "column": 3, - "index": 11090 + "index": 11087 } }, { @@ -156,12 +156,12 @@ "start": { "line": 327, "column": 31, - "index": 11123 + "index": 11120 }, "end": { "line": 330, "column": 3, - "index": 11232 + "index": 11229 } }, { @@ -171,12 +171,12 @@ "start": { "line": 331, "column": 19, - "index": 11253 + "index": 11250 }, "end": { "line": 334, "column": 3, - "index": 11322 + "index": 11319 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/components/Analytics/Analytics.json b/apps/wallet-mobile/translations/messages/src/components/Analytics/Analytics.json index 30525763d8..562baa523a 100644 --- a/apps/wallet-mobile/translations/messages/src/components/Analytics/Analytics.json +++ b/apps/wallet-mobile/translations/messages/src/components/Analytics/Analytics.json @@ -6,12 +6,12 @@ "start": { "line": 294, "column": 10, - "index": 7455 + "index": 7448 }, "end": { "line": 297, "column": 3, - "index": 7548 + "index": 7541 } }, { @@ -21,12 +21,12 @@ "start": { "line": 298, "column": 15, - "index": 7565 + "index": 7558 }, "end": { "line": 301, "column": 3, - "index": 7704 + "index": 7697 } }, { @@ -36,12 +36,12 @@ "start": { "line": 302, "column": 13, - "index": 7719 + "index": 7712 }, "end": { "line": 305, "column": 3, - "index": 7806 + "index": 7799 } }, { @@ -51,12 +51,12 @@ "start": { "line": 306, "column": 10, - "index": 7818 + "index": 7811 }, "end": { "line": 309, "column": 3, - "index": 7913 + "index": 7906 } }, { @@ -66,12 +66,12 @@ "start": { "line": 310, "column": 11, - "index": 7926 + "index": 7919 }, "end": { "line": 313, "column": 3, - "index": 8023 + "index": 8016 } }, { @@ -81,12 +81,12 @@ "start": { "line": 314, "column": 8, - "index": 8033 + "index": 8026 }, "end": { "line": 317, "column": 3, - "index": 8131 + "index": 8124 } }, { @@ -96,12 +96,12 @@ "start": { "line": 318, "column": 10, - "index": 8143 + "index": 8136 }, "end": { "line": 321, "column": 3, - "index": 8229 + "index": 8222 } }, { @@ -111,12 +111,12 @@ "start": { "line": 322, "column": 8, - "index": 8239 + "index": 8232 }, "end": { "line": 325, "column": 3, - "index": 8327 + "index": 8320 } }, { @@ -126,12 +126,12 @@ "start": { "line": 326, "column": 8, - "index": 8337 + "index": 8330 }, "end": { "line": 329, "column": 3, - "index": 8399 + "index": 8392 } }, { @@ -141,12 +141,12 @@ "start": { "line": 330, "column": 10, - "index": 8411 + "index": 8404 }, "end": { "line": 333, "column": 3, - "index": 8477 + "index": 8470 } }, { @@ -156,12 +156,12 @@ "start": { "line": 334, "column": 10, - "index": 8489 + "index": 8482 }, "end": { "line": 337, "column": 3, - "index": 8570 + "index": 8563 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/components/ErrorModal/ErrorModal.json b/apps/wallet-mobile/translations/messages/src/components/ErrorModal/ErrorModal.json index 145b9805ea..bd0f5c5fc5 100644 --- a/apps/wallet-mobile/translations/messages/src/components/ErrorModal/ErrorModal.json +++ b/apps/wallet-mobile/translations/messages/src/components/ErrorModal/ErrorModal.json @@ -6,12 +6,12 @@ "start": { "line": 152, "column": 13, - "index": 4222 + "index": 4218 }, "end": { "line": 155, "column": 3, - "index": 4322 + "index": 4318 } }, { @@ -21,12 +21,12 @@ "start": { "line": 156, "column": 13, - "index": 4337 + "index": 4333 }, "end": { "line": 159, "column": 3, - "index": 4437 + "index": 4433 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePicker.json b/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePicker.json index 3c730b53c0..60333842ff 100644 --- a/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePicker.json +++ b/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePicker.json @@ -6,12 +6,12 @@ "start": { "line": 103, "column": 23, - "index": 2808 + "index": 2805 }, "end": { "line": 106, "column": 3, - "index": 2872 + "index": 2869 } }, { @@ -21,12 +21,12 @@ "start": { "line": 107, "column": 24, - "index": 2898 + "index": 2895 }, "end": { "line": 110, "column": 3, - "index": 2961 + "index": 2958 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePickerWarning.json b/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePickerWarning.json index 8a32e167c3..8ed1078214 100644 --- a/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePickerWarning.json +++ b/apps/wallet-mobile/translations/messages/src/components/LanguagePicker/LanguagePickerWarning.json @@ -6,12 +6,12 @@ "start": { "line": 74, "column": 11, - "index": 1891 + "index": 1890 }, "end": { "line": 79, "column": 3, - "index": 2126 + "index": 2125 } }, { @@ -21,12 +21,12 @@ "start": { "line": 80, "column": 16, - "index": 2144 + "index": 2143 }, "end": { "line": 83, "column": 3, - "index": 2231 + "index": 2230 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/components/YoroiLogo/YoroiLogo.json b/apps/wallet-mobile/translations/messages/src/components/YoroiLogo/YoroiLogo.json index e157bddc41..7b06ebcf1c 100644 --- a/apps/wallet-mobile/translations/messages/src/components/YoroiLogo/YoroiLogo.json +++ b/apps/wallet-mobile/translations/messages/src/components/YoroiLogo/YoroiLogo.json @@ -6,12 +6,12 @@ "start": { "line": 84, "column": 8, - "index": 2177 + "index": 2175 }, "end": { "line": 87, "column": 3, - "index": 2272 + "index": 2270 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Auth/PinLoginScreen/PinLoginScreen.json b/apps/wallet-mobile/translations/messages/src/features/Auth/PinLoginScreen/PinLoginScreen.json index 1ac26a4e7e..8b5d4b19a1 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Auth/PinLoginScreen/PinLoginScreen.json +++ b/apps/wallet-mobile/translations/messages/src/features/Auth/PinLoginScreen/PinLoginScreen.json @@ -6,12 +6,12 @@ "start": { "line": 69, "column": 9, - "index": 1773 + "index": 1772 }, "end": { "line": 72, "column": 3, - "index": 1863 + "index": 1862 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.json b/apps/wallet-mobile/translations/messages/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.json index ea4365a6be..62d99759a2 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.json +++ b/apps/wallet-mobile/translations/messages/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.json @@ -6,12 +6,12 @@ "start": { "line": 181, "column": 10, - "index": 5218 + "index": 5213 }, "end": { "line": 184, "column": 3, - "index": 5311 + "index": 5306 } }, { @@ -21,12 +21,12 @@ "start": { "line": 185, "column": 15, - "index": 5328 + "index": 5323 }, "end": { "line": 189, "column": 3, - "index": 5516 + "index": 5511 } }, { @@ -36,12 +36,12 @@ "start": { "line": 190, "column": 15, - "index": 5533 + "index": 5528 }, "end": { "line": 193, "column": 3, - "index": 5630 + "index": 5625 } }, { @@ -51,12 +51,12 @@ "start": { "line": 194, "column": 12, - "index": 5644 + "index": 5639 }, "end": { "line": 197, "column": 3, - "index": 5743 + "index": 5738 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Nfts/useCases/Nfts.json b/apps/wallet-mobile/translations/messages/src/features/Nfts/useCases/Nfts.json index d2f7dc2e53..1bfc1dffe3 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Nfts/useCases/Nfts.json +++ b/apps/wallet-mobile/translations/messages/src/features/Nfts/useCases/Nfts.json @@ -6,12 +6,12 @@ "start": { "line": 164, "column": 12, - "index": 4480 + "index": 4478 }, "end": { "line": 167, "column": 3, - "index": 4553 + "index": 4551 } }, { @@ -21,12 +21,12 @@ "start": { "line": 168, "column": 14, - "index": 4569 + "index": 4567 }, "end": { "line": 171, "column": 3, - "index": 4640 + "index": 4638 } }, { @@ -36,12 +36,12 @@ "start": { "line": 172, "column": 20, - "index": 4662 + "index": 4660 }, "end": { "line": 175, "column": 3, - "index": 4755 + "index": 4753 } }, { @@ -51,12 +51,12 @@ "start": { "line": 176, "column": 13, - "index": 4770 + "index": 4768 }, "end": { "line": 179, "column": 3, - "index": 4858 + "index": 4856 } }, { @@ -66,12 +66,12 @@ "start": { "line": 180, "column": 15, - "index": 4875 + "index": 4873 }, "end": { "line": 183, "column": 3, - "index": 4955 + "index": 4953 } }, { @@ -81,12 +81,12 @@ "start": { "line": 184, "column": 18, - "index": 4975 + "index": 4973 }, "end": { "line": 187, "column": 3, - "index": 5077 + "index": 5075 } }, { @@ -96,12 +96,12 @@ "start": { "line": 188, "column": 9, - "index": 5088 + "index": 5086 }, "end": { "line": 191, "column": 3, - "index": 5163 + "index": 5161 } }, { @@ -111,12 +111,12 @@ "start": { "line": 192, "column": 10, - "index": 5175 + "index": 5173 }, "end": { "line": 195, "column": 3, - "index": 5250 + "index": 5248 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Portfolio/common/MediaDetails/MediaDetails.json b/apps/wallet-mobile/translations/messages/src/features/Portfolio/common/MediaDetails/MediaDetails.json index fbe3ed3d7f..e9f2deae2f 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Portfolio/common/MediaDetails/MediaDetails.json +++ b/apps/wallet-mobile/translations/messages/src/features/Portfolio/common/MediaDetails/MediaDetails.json @@ -6,12 +6,12 @@ "start": { "line": 340, "column": 9, - "index": 9568 + "index": 9563 }, "end": { "line": 343, "column": 3, - "index": 9639 + "index": 9634 } }, { @@ -21,12 +21,12 @@ "start": { "line": 344, "column": 12, - "index": 9653 + "index": 9648 }, "end": { "line": 347, "column": 3, - "index": 9724 + "index": 9719 } }, { @@ -36,12 +36,12 @@ "start": { "line": 348, "column": 12, - "index": 9738 + "index": 9733 }, "end": { "line": 351, "column": 3, - "index": 9809 + "index": 9804 } }, { @@ -51,12 +51,12 @@ "start": { "line": 352, "column": 11, - "index": 9822 + "index": 9817 }, "end": { "line": 355, "column": 3, - "index": 9892 + "index": 9887 } }, { @@ -66,12 +66,12 @@ "start": { "line": 356, "column": 13, - "index": 9907 + "index": 9902 }, "end": { "line": 359, "column": 3, - "index": 9978 + "index": 9973 } }, { @@ -81,12 +81,12 @@ "start": { "line": 360, "column": 15, - "index": 9995 + "index": 9990 }, "end": { "line": 363, "column": 3, - "index": 10072 + "index": 10067 } }, { @@ -96,12 +96,12 @@ "start": { "line": 364, "column": 10, - "index": 10084 + "index": 10079 }, "end": { "line": 367, "column": 3, - "index": 10151 + "index": 10146 } }, { @@ -111,12 +111,12 @@ "start": { "line": 368, "column": 15, - "index": 10168 + "index": 10163 }, "end": { "line": 371, "column": 3, - "index": 10245 + "index": 10240 } }, { @@ -126,12 +126,12 @@ "start": { "line": 372, "column": 12, - "index": 10259 + "index": 10254 }, "end": { "line": 375, "column": 3, - "index": 10331 + "index": 10326 } }, { @@ -141,12 +141,12 @@ "start": { "line": 376, "column": 16, - "index": 10349 + "index": 10344 }, "end": { "line": 379, "column": 3, - "index": 10426 + "index": 10421 } }, { @@ -156,12 +156,12 @@ "start": { "line": 380, "column": 16, - "index": 10444 + "index": 10439 }, "end": { "line": 383, "column": 3, - "index": 10524 + "index": 10519 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.json b/apps/wallet-mobile/translations/messages/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.json index 4f82574d37..428f933d94 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.json +++ b/apps/wallet-mobile/translations/messages/src/features/Send/useCases/ListAmountsToSend/AddToken/AddToken.json @@ -6,12 +6,12 @@ "start": { "line": 54, "column": 12, - "index": 1425 + "index": 1422 }, "end": { "line": 57, "column": 3, - "index": 1502 + "index": 1499 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Settings/About/About.json b/apps/wallet-mobile/translations/messages/src/features/Settings/About/About.json index 6081aaa769..72f6b1052a 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Settings/About/About.json +++ b/apps/wallet-mobile/translations/messages/src/features/Settings/About/About.json @@ -6,12 +6,12 @@ "start": { "line": 101, "column": 18, - "index": 2590 + "index": 2587 }, "end": { "line": 104, "column": 3, - "index": 2670 + "index": 2667 } }, { @@ -21,12 +21,12 @@ "start": { "line": 105, "column": 10, - "index": 2682 + "index": 2679 }, "end": { "line": 108, "column": 3, - "index": 2745 + "index": 2742 } }, { @@ -36,12 +36,12 @@ "start": { "line": 109, "column": 11, - "index": 2758 + "index": 2755 }, "end": { "line": 112, "column": 3, - "index": 2823 + "index": 2820 } }, { @@ -51,12 +51,12 @@ "start": { "line": 113, "column": 14, - "index": 2839 + "index": 2836 }, "end": { "line": 116, "column": 3, - "index": 2950 + "index": 2947 } }, { @@ -66,12 +66,12 @@ "start": { "line": 117, "column": 15, - "index": 2967 + "index": 2964 }, "end": { "line": 120, "column": 3, - "index": 3078 + "index": 3075 } }, { @@ -81,12 +81,12 @@ "start": { "line": 121, "column": 17, - "index": 3097 + "index": 3094 }, "end": { "line": 124, "column": 3, - "index": 3212 + "index": 3209 } }, { @@ -96,12 +96,12 @@ "start": { "line": 125, "column": 21, - "index": 3235 + "index": 3232 }, "end": { "line": 128, "column": 3, - "index": 3355 + "index": 3352 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Settings/RenameWalletScreen/RenameWalletScreen.json b/apps/wallet-mobile/translations/messages/src/features/Settings/RenameWalletScreen/RenameWalletScreen.json index 17dc0ba57e..e3c28545ee 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Settings/RenameWalletScreen/RenameWalletScreen.json +++ b/apps/wallet-mobile/translations/messages/src/features/Settings/RenameWalletScreen/RenameWalletScreen.json @@ -6,12 +6,12 @@ "start": { "line": 102, "column": 16, - "index": 3238 + "index": 3236 }, "end": { "line": 105, "column": 3, - "index": 3342 + "index": 3340 } }, { @@ -21,12 +21,12 @@ "start": { "line": 106, "column": 24, - "index": 3368 + "index": 3366 }, "end": { "line": 109, "column": 3, - "index": 3480 + "index": 3478 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/Settings/SettingsScreenNavigator.json b/apps/wallet-mobile/translations/messages/src/features/Settings/SettingsScreenNavigator.json index 6bc6e10e02..cae2d4e4fe 100644 --- a/apps/wallet-mobile/translations/messages/src/features/Settings/SettingsScreenNavigator.json +++ b/apps/wallet-mobile/translations/messages/src/features/Settings/SettingsScreenNavigator.json @@ -6,12 +6,12 @@ "start": { "line": 273, "column": 18, - "index": 8493 + "index": 8491 }, "end": { "line": 276, "column": 3, - "index": 8591 + "index": 8589 } }, { @@ -21,12 +21,12 @@ "start": { "line": 277, "column": 15, - "index": 8608 + "index": 8606 }, "end": { "line": 280, "column": 3, - "index": 8717 + "index": 8715 } }, { @@ -36,12 +36,12 @@ "start": { "line": 281, "column": 24, - "index": 8743 + "index": 8741 }, "end": { "line": 284, "column": 3, - "index": 8852 + "index": 8850 } }, { @@ -51,12 +51,12 @@ "start": { "line": 285, "column": 23, - "index": 8877 + "index": 8875 }, "end": { "line": 288, "column": 3, - "index": 8991 + "index": 8989 } }, { @@ -66,12 +66,12 @@ "start": { "line": 289, "column": 21, - "index": 9014 + "index": 9012 }, "end": { "line": 292, "column": 3, - "index": 9115 + "index": 9113 } }, { @@ -81,12 +81,12 @@ "start": { "line": 293, "column": 23, - "index": 9140 + "index": 9138 }, "end": { "line": 296, "column": 3, - "index": 9256 + "index": 9254 } }, { @@ -96,12 +96,12 @@ "start": { "line": 297, "column": 25, - "index": 9283 + "index": 9281 }, "end": { "line": 300, "column": 3, - "index": 9387 + "index": 9385 } }, { @@ -111,12 +111,12 @@ "start": { "line": 301, "column": 16, - "index": 9405 + "index": 9403 }, "end": { "line": 304, "column": 3, - "index": 9496 + "index": 9494 } }, { @@ -126,12 +126,12 @@ "start": { "line": 305, "column": 31, - "index": 9529 + "index": 9527 }, "end": { "line": 308, "column": 3, - "index": 9644 + "index": 9642 } }, { @@ -141,12 +141,12 @@ "start": { "line": 309, "column": 32, - "index": 9678 + "index": 9676 }, "end": { "line": 312, "column": 3, - "index": 9794 + "index": 9792 } }, { @@ -156,12 +156,12 @@ "start": { "line": 313, "column": 18, - "index": 9814 + "index": 9812 }, "end": { "line": 316, "column": 3, - "index": 9912 + "index": 9910 } }, { @@ -171,12 +171,12 @@ "start": { "line": 317, "column": 17, - "index": 9931 + "index": 9929 }, "end": { "line": 320, "column": 3, - "index": 10034 + "index": 10032 } }, { @@ -186,12 +186,12 @@ "start": { "line": 321, "column": 17, - "index": 10053 + "index": 10051 }, "end": { "line": 324, "column": 3, - "index": 10151 + "index": 10149 } }, { @@ -201,12 +201,12 @@ "start": { "line": 325, "column": 14, - "index": 10167 + "index": 10165 }, "end": { "line": 328, "column": 3, - "index": 10261 + "index": 10259 } }, { @@ -216,12 +216,12 @@ "start": { "line": 329, "column": 16, - "index": 10279 + "index": 10277 }, "end": { "line": 332, "column": 3, - "index": 10375 + "index": 10373 } }, { @@ -231,12 +231,12 @@ "start": { "line": 333, "column": 20, - "index": 10397 + "index": 10395 }, "end": { "line": 336, "column": 3, - "index": 10515 + "index": 10513 } }, { @@ -246,12 +246,12 @@ "start": { "line": 337, "column": 14, - "index": 10531 + "index": 10529 }, "end": { "line": 340, "column": 3, - "index": 10631 + "index": 10629 } }, { @@ -261,12 +261,12 @@ "start": { "line": 341, "column": 22, - "index": 10655 + "index": 10653 }, "end": { "line": 344, "column": 3, - "index": 10758 + "index": 10756 } }, { @@ -276,12 +276,12 @@ "start": { "line": 345, "column": 14, - "index": 10774 + "index": 10772 }, "end": { "line": 348, "column": 3, - "index": 10845 + "index": 10843 } }, { @@ -291,12 +291,12 @@ "start": { "line": 349, "column": 18, - "index": 10865 + "index": 10863 }, "end": { "line": 352, "column": 3, - "index": 10922 + "index": 10920 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.json b/apps/wallet-mobile/translations/messages/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.json index 96fa6b2a86..0589a420c1 100644 --- a/apps/wallet-mobile/translations/messages/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.json +++ b/apps/wallet-mobile/translations/messages/src/features/SetupWallet/legacy/WalletNameForm/WalletNameForm.json @@ -6,12 +6,12 @@ "start": { "line": 138, "column": 24, - "index": 4100 + "index": 4099 }, "end": { "line": 141, "column": 3, - "index": 4208 + "index": 4207 } }, { @@ -21,12 +21,12 @@ "start": { "line": 142, "column": 8, - "index": 4218 + "index": 4217 }, "end": { "line": 145, "column": 3, - "index": 4321 + "index": 4320 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/NotDelegatedInfo.json b/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/NotDelegatedInfo.json index 3937bff680..0ceaa49511 100644 --- a/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/NotDelegatedInfo.json +++ b/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/NotDelegatedInfo.json @@ -6,12 +6,12 @@ "start": { "line": 66, "column": 13, - "index": 1531 + "index": 1530 }, "end": { "line": 69, "column": 3, - "index": 1666 + "index": 1665 } }, { @@ -21,12 +21,12 @@ "start": { "line": 70, "column": 14, - "index": 1682 + "index": 1681 }, "end": { "line": 74, "column": 3, - "index": 1923 + "index": 1922 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/StakePoolInfo.json b/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/StakePoolInfo.json index f28de157c6..db53e71c6c 100644 --- a/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/StakePoolInfo.json +++ b/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/StakePoolInfo.json @@ -6,12 +6,12 @@ "start": { "line": 128, "column": 9, - "index": 3561 + "index": 3560 }, "end": { "line": 131, "column": 3, - "index": 3682 + "index": 3681 } }, { @@ -21,12 +21,12 @@ "start": { "line": 132, "column": 11, - "index": 3695 + "index": 3694 }, "end": { "line": 137, "column": 3, - "index": 3930 + "index": 3929 } }, { @@ -36,12 +36,12 @@ "start": { "line": 138, "column": 26, - "index": 3958 + "index": 3957 }, "end": { "line": 141, "column": 3, - "index": 4093 + "index": 4092 } }, { @@ -51,12 +51,12 @@ "start": { "line": 142, "column": 10, - "index": 4105 + "index": 4104 }, "end": { "line": 145, "column": 3, - "index": 4214 + "index": 4213 } }, { @@ -66,12 +66,12 @@ "start": { "line": 146, "column": 15, - "index": 4231 + "index": 4230 }, "end": { "line": 149, "column": 3, - "index": 4350 + "index": 4349 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/UserSummary.json b/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/UserSummary.json index f5bae92d1a..286492fbe7 100644 --- a/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/UserSummary.json +++ b/apps/wallet-mobile/translations/messages/src/legacy/Dashboard/UserSummary.json @@ -6,12 +6,12 @@ "start": { "line": 164, "column": 9, - "index": 4894 + "index": 4892 }, "end": { "line": 167, "column": 3, - "index": 4996 + "index": 4994 } }, { @@ -21,12 +21,12 @@ "start": { "line": 168, "column": 16, - "index": 5014 + "index": 5012 }, "end": { "line": 171, "column": 3, - "index": 5124 + "index": 5122 } }, { @@ -36,12 +36,12 @@ "start": { "line": 172, "column": 18, - "index": 5144 + "index": 5142 }, "end": { "line": 175, "column": 3, - "index": 5258 + "index": 5256 } }, { @@ -51,12 +51,12 @@ "start": { "line": 176, "column": 23, - "index": 5283 + "index": 5281 }, "end": { "line": 179, "column": 3, - "index": 5395 + "index": 5393 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.json b/apps/wallet-mobile/translations/messages/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.json index d214520d66..513f8c34df 100644 --- a/apps/wallet-mobile/translations/messages/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.json +++ b/apps/wallet-mobile/translations/messages/src/legacy/Staking/DelegationConfirmation/DelegationConfirmation.json @@ -6,12 +6,12 @@ "start": { "line": 194, "column": 23, - "index": 6296 + "index": 6291 }, "end": { "line": 197, "column": 3, - "index": 6410 + "index": 6405 } }, { @@ -21,12 +21,12 @@ "start": { "line": 198, "column": 10, - "index": 6422 + "index": 6417 }, "end": { "line": 201, "column": 3, - "index": 6522 + "index": 6517 } }, { @@ -36,12 +36,12 @@ "start": { "line": 202, "column": 22, - "index": 6546 + "index": 6541 }, "end": { "line": 205, "column": 3, - "index": 6716 + "index": 6711 } }, { @@ -51,12 +51,12 @@ "start": { "line": 206, "column": 15, - "index": 6733 + "index": 6728 }, "end": { "line": 209, "column": 3, - "index": 6852 + "index": 6847 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/legacy/Staking/FailedTx/FailedTxScreen.json b/apps/wallet-mobile/translations/messages/src/legacy/Staking/FailedTx/FailedTxScreen.json index ec7b0fe69c..1f1f003348 100644 --- a/apps/wallet-mobile/translations/messages/src/legacy/Staking/FailedTx/FailedTxScreen.json +++ b/apps/wallet-mobile/translations/messages/src/legacy/Staking/FailedTx/FailedTxScreen.json @@ -6,12 +6,12 @@ "start": { "line": 106, "column": 18, - "index": 2608 + "index": 2604 }, "end": { "line": 109, "column": 3, - "index": 2724 + "index": 2720 } }, { @@ -21,12 +21,12 @@ "start": { "line": 110, "column": 20, - "index": 2746 + "index": 2742 }, "end": { "line": 113, "column": 3, - "index": 2928 + "index": 2924 } }, { @@ -36,12 +36,12 @@ "start": { "line": 114, "column": 10, - "index": 2940 + "index": 2936 }, "end": { "line": 117, "column": 3, - "index": 3039 + "index": 3035 } }, { @@ -51,12 +51,12 @@ "start": { "line": 118, "column": 12, - "index": 3053 + "index": 3049 }, "end": { "line": 121, "column": 3, - "index": 3169 + "index": 3165 } } ] \ No newline at end of file diff --git a/apps/wallet-mobile/translations/messages/src/legacy/Staking/StakingCenter/StakingCenter.json b/apps/wallet-mobile/translations/messages/src/legacy/Staking/StakingCenter/StakingCenter.json index 744f98392f..93ccae998a 100644 --- a/apps/wallet-mobile/translations/messages/src/legacy/Staking/StakingCenter/StakingCenter.json +++ b/apps/wallet-mobile/translations/messages/src/legacy/Staking/StakingCenter/StakingCenter.json @@ -6,12 +6,12 @@ "start": { "line": 126, "column": 9, - "index": 4417 + "index": 4416 }, "end": { "line": 129, "column": 3, - "index": 4525 + "index": 4524 } }, { @@ -21,12 +21,12 @@ "start": { "line": 130, "column": 11, - "index": 4538 + "index": 4537 }, "end": { "line": 133, "column": 3, - "index": 4704 + "index": 4703 } } ] \ No newline at end of file