From bc1e143d96d6fb7b086ea688445eee33226fc218 Mon Sep 17 00:00:00 2001 From: unclebill Date: Mon, 21 Mar 2022 22:41:42 +0800 Subject: [PATCH 1/2] fix(ui): background color for hover status of mui chip is almost transparent hard to read text on it on white background closes #MF-237 --- packages/mask/src/web3/UI/TokenAmountPanel.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/mask/src/web3/UI/TokenAmountPanel.tsx b/packages/mask/src/web3/UI/TokenAmountPanel.tsx index 8c01e8a81b8f..af451372c326 100644 --- a/packages/mask/src/web3/UI/TokenAmountPanel.tsx +++ b/packages/mask/src/web3/UI/TokenAmountPanel.tsx @@ -25,6 +25,9 @@ const useStyles = makeStyles()((theme) => { max: { marginRight: theme.spacing(0.5), borderRadius: 8, + '&:hover': { + backgroundColor: 'rgba(26, 139, 216, 0.9) !important', + }, }, token: { whiteSpace: 'pre', From d46bc5cf4c24f884f69ba07b7e335920dce388ec Mon Sep 17 00:00:00 2001 From: unclebill Date: Mon, 21 Mar 2022 23:09:18 +0800 Subject: [PATCH 2/2] fixup! fix(ui): background color for hover status of mui chip is almost transparent --- .../social-network-adaptor/twitter.com/customization/custom.ts | 3 ++- packages/mask/src/web3/UI/TokenAmountPanel.tsx | 3 --- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts b/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts index 080f2a10f1e7..9377d76923ad 100644 --- a/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts +++ b/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts @@ -248,7 +248,8 @@ export function useThemeTwitterVariant(baseTheme: Theme) { backgroundColor: theme.palette.primary.main, color: theme.palette.common.white, '&:hover': { - backgroundColor: parseColor(theme.palette.text.primary).setAlpha(0.1).toRgbString(), + backgroundColor: `${theme.palette.primary.main} !important`, + opacity: 0.9, }, }, }, diff --git a/packages/mask/src/web3/UI/TokenAmountPanel.tsx b/packages/mask/src/web3/UI/TokenAmountPanel.tsx index af451372c326..8c01e8a81b8f 100644 --- a/packages/mask/src/web3/UI/TokenAmountPanel.tsx +++ b/packages/mask/src/web3/UI/TokenAmountPanel.tsx @@ -25,9 +25,6 @@ const useStyles = makeStyles()((theme) => { max: { marginRight: theme.spacing(0.5), borderRadius: 8, - '&:hover': { - backgroundColor: 'rgba(26, 139, 216, 0.9) !important', - }, }, token: { whiteSpace: 'pre',