Fix MuiPaper background color in v5 default dark mode

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

packages/theme/src/v5/defaultComponentThemes.ts

@@ -239,4 +239,7 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
       underline: 'hover',
     },
   },
+  MuiPaper: {
+    styleOverrides: { root: { backgroundImage: 'unset' } },
+  },
 };

plugins/user-settings/package.json

@@ -58,6 +58,7 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
+    "@mui/material": "^5.14.19",
     "@types/react": "^16.13.1 || ^17.0.0",
     "react-use": "^17.2.4",
     "zen-observable": "^0.10.0"

plugins/user-settings/src/components/General/UserSettingsIdentityCard.tsx

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { InfoCard } from '@backstage/core-components';
 import { EntityRefLinks } from '@backstage/plugin-catalog-react';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
+import Card from '@mui/material/Card';
 import React from 'react';
 import { useUserProfile } from '../useUserProfileInfo';
 
@@ -48,7 +48,7 @@ const Contents = () => {
 
 /** @public */
 export const UserSettingsIdentityCard = () => (
-  <InfoCard title="Backstage Identity">
+  <Card title="Backstage Identity">
     <Contents />
-  </InfoCard>
+  </Card>
 );

yarn.lock

@@ -3916,7 +3916,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@backstage/core-components@npm:^0.13.7, @backstage/core-components@npm:^0.13.8":
+"@backstage/core-components@npm:^0.13.8":
   version: 0.13.8
   resolution: "@backstage/core-components@npm:0.13.8"
   dependencies:
@@ -4042,7 +4042,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@backstage/core-plugin-api@npm:^1.3.0, @backstage/core-plugin-api@npm:^1.5.0, @backstage/core-plugin-api@npm:^1.7.0, @backstage/core-plugin-api@npm:^1.8.0":
+"@backstage/core-plugin-api@npm:^1.3.0, @backstage/core-plugin-api@npm:^1.5.0, @backstage/core-plugin-api@npm:^1.8.0":
   version: 1.8.0
   resolution: "@backstage/core-plugin-api@npm:1.8.0"
   dependencies:
@@ -5950,7 +5950,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@backstage/plugin-catalog-react@npm:^1.2.4, @backstage/plugin-catalog-react@npm:^1.8.5, @backstage/plugin-catalog-react@npm:^1.9.1":
+"@backstage/plugin-catalog-react@npm:^1.2.4, @backstage/plugin-catalog-react@npm:^1.9.1":
   version: 1.9.1
   resolution: "@backstage/plugin-catalog-react@npm:1.9.1"
   dependencies:
@@ -9948,6 +9948,7 @@ __metadata:
     "@material-ui/core": ^4.12.2
     "@material-ui/icons": ^4.9.1
     "@material-ui/lab": 4.0.0-alpha.61
+    "@mui/material": ^5.14.19
     "@testing-library/dom": ^9.0.0
     "@testing-library/jest-dom": ^6.0.0
     "@testing-library/react": ^14.0.0
@@ -13326,7 +13327,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/material@npm:^5.12.2":
+"@mui/material@npm:^5.12.2, @mui/material@npm:^5.14.19":
   version: 5.14.19
   resolution: "@mui/material@npm:5.14.19"
   dependencies: