Add changeset & adjust to relevant changes only

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

.changeset/dirty-turkeys-reflect.md

@@ -0,0 +1,5 @@
+---
+'@backstage/theme': patch
+---
+
+Align Material UI v5 `Paper` component background color in dark mode to v4.

plugins/user-settings/package.json

@@ -58,7 +58,6 @@
     "@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 = () => (
-  <Card title="Backstage Identity">
+  <InfoCard title="Backstage Identity">
     <Contents />
-  </Card>
+  </InfoCard>
 );

yarn.lock

@@ -9948,7 +9948,6 @@ __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
@@ -13327,7 +13326,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/material@npm:^5.12.2, @mui/material@npm:^5.14.19":
+"@mui/material@npm:^5.12.2":
   version: 5.14.19
   resolution: "@mui/material@npm:5.14.19"
   dependencies: