fix(ui): fixed bulk import footer background color in dark theme (#2165)

Signed-off-by: Yi Cai <yicai@redhat.com>

plugins/bulk-import/package.json

@@ -65,7 +65,7 @@
     "@backstage/test-utils": "1.5.9",
     "@janus-idp/cli": "1.13.1",
     "@playwright/test": "1.45.3",
-    "@redhat-developer/red-hat-developer-hub-theme": "0.2.0",
+    "@redhat-developer/red-hat-developer-hub-theme": "0.3.0",
     "@testing-library/jest-dom": "6.4.8",
     "@testing-library/react": "14.3.1",
     "@testing-library/user-event": "14.5.2",

plugins/bulk-import/src/components/AddRepositories/AddRepositoriesFormFooter.tsx

@@ -35,7 +35,10 @@ const useStyles = makeStyles(theme => ({
     paddingTop: '24px',
     paddingBottom: '24px',
     paddingLeft: '24px',
-    backgroundColor: theme.palette.background.default,
+    backgroundColor:
+      theme.palette.type === 'light'
+        ? '#fff'
+        : theme.palette.navigation.background,
     width: '100%',
     borderTopStyle: 'groove',
     border: theme.palette.divider,

plugins/bulk-import/src/components/PreviewFile/PreviewFileSidebarDrawerContent.tsx

@@ -59,7 +59,7 @@ const useDrawerContentStyles = makeStyles(theme => ({
     bottom: 0,
     paddingLeft: '24px',
     paddingBottom: '24px',
-    backgroundColor: theme.palette.background.paper,
+    backgroundColor: theme.palette.type === 'light' ? '#fff' : '#1b1d21',
     width: '100%',
     borderTopStyle: 'groove',
     border: theme.palette.divider,