diff --git a/package.json b/package.json index 5d2f3620..3a12270c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@safe-global/safe-react-components", - "version": "2.0.1", + "version": "2.0.2", "description": "Safe UI components", "main": "dist/index.min.js", "typings": "dist/index.d.ts", diff --git a/src/theme/safeTheme.tsx b/src/theme/safeTheme.tsx index 0e49845e..5cb077c8 100644 --- a/src/theme/safeTheme.tsx +++ b/src/theme/safeTheme.tsx @@ -444,6 +444,19 @@ const createSafeTheme = (mode: PaletteMode): Theme => { ...theme.typography.body2, color: theme.palette.background.main, backgroundColor: theme.palette.text.primary, + '& .MuiLink-root': { + color: isDarkMode + ? theme.palette.background.main + : theme.palette.secondary.main, + textDecorationColor: isDarkMode + ? theme.palette.background.main + : theme.palette.secondary.main, + }, + '& .MuiLink-root:hover': { + color: isDarkMode + ? theme.palette.text.secondary + : theme.palette.secondary.light, + }, }), arrow: ({ theme }) => ({ color: theme.palette.text.primary,