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/package.json b/apps/wallet-mobile/package.json index aa724435f6..46da6db6b3 100644 --- a/apps/wallet-mobile/package.json +++ b/apps/wallet-mobile/package.json @@ -135,7 +135,7 @@ "@yoroi/setup-wallet": "^1.0.1", "@yoroi/staking": "^1.5.2", "@yoroi/swap": "^2.0.1", - "@yoroi/theme": "^1.0.0", + "@yoroi/theme": "^2.0.0", "@yoroi/transfer": "^1.0.1", "add": "2.0.6", "assert": "^2.0.0", 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 2eab66ef51..e022468c5f 100644 --- a/apps/wallet-mobile/src/components/ProgressCircle.tsx +++ b/apps/wallet-mobile/src/components/ProgressCircle.tsx @@ -15,12 +15,12 @@ export const ProgressCircle = ({percentage}: ExternalProps) => { return ( - {percentage}% + {percentage}% - + ) } 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 3068bf08be..ee4fe67c78 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/Dashboard.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/Dashboard.tsx @@ -258,7 +258,7 @@ const useStyles = () => { const styles = StyleSheet.create({ root: { ...atoms.flex_1, - backgroundColor: color.bg_color_high, + backgroundColor: color.bg_color_max, }, container: { ...atoms.flex_1, @@ -278,7 +278,7 @@ const useStyles = () => { ...atoms.flex_row, ...atoms.p_lg, borderTopWidth: 1, - borderTopColor: color.gray_c200, + borderTopColor: color.gray_200, }, }) diff --git a/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx b/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx index 768e8002f5..ebe3b36263 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/EpochProgress.tsx @@ -103,13 +103,13 @@ const useStyles = () => { alignItems: 'center', }, label: { - color: color.text_gray_medium, + color: color.text_gray_low, ...atoms.pr_sm, ...atoms.body_2_md_regular, }, value: { ...atoms.body_2_md_regular, - color: color.text_gray_normal, + color: color.text_gray_medium, }, timeWrapper: { flexDirection: 'row', @@ -120,8 +120,8 @@ const useStyles = () => { ...atoms.body_1_lg_regular, ...atoms.px_2xs, ...atoms.text_center, - backgroundColor: color.gray_c50, - color: color.text_gray_normal, + backgroundColor: color.gray_50, + color: color.text_gray_medium, }, }) 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 519ab951c0..b9c71b3085 100644 --- a/apps/wallet-mobile/src/legacy/Dashboard/StakePoolInfo.tsx +++ b/apps/wallet-mobile/src/legacy/Dashboard/StakePoolInfo.tsx @@ -24,7 +24,7 @@ export const StakePoolInfo = ({stakePoolId}: {stakePoolId: string}) => { return ( - + {formatStakepoolNameWithTicker(stakePoolInfoAndHistory.info.ticker, stakePoolInfoAndHistory.info.name) ?? strings.unknownPool} @@ -51,7 +51,7 @@ export const StakePoolInfo = ({stakePoolId}: {stakePoolId: string}) => { <> - +