Merge branch 'master' of https://github.com/Azure/cosmos-explorer into users/aisayas-playwright-2

src/Explorer/Panes/UploadItemsPane/UploadItemsPane.tsx

@@ -5,6 +5,7 @@ import {
   FontIcon,
   getTheme,
   IColumn,
+  IDetailsListStyles,
   mergeStyles,
   mergeStyleSets,
   SelectionMode,
@@ -205,13 +206,26 @@ export const UploadItemsPane: FunctionComponent<UploadItemsPaneProps> = ({ onUpl
         />
         {uploadFileData?.length > 0 && (
           <div className="fileUploadSummaryContainer" data-test="file-upload-status">
-            <b>File upload status</b>
+            <b style={{ color: "var(--colorNeutralForeground1)" }}>File upload status</b>
             <DetailsList
               items={uploadFileData}
               columns={columns}
               selectionMode={SelectionMode.none}
               layoutMode={DetailsListLayoutMode.justified}
               isHeaderVisible={true}
+              styles={
+                {
+                  root: {
+                    backgroundColor: "var(--colorNeutralBackground1)",
+                  },
+                  headerWrapper: {
+                    backgroundColor: "var(--colorNeutralBackground2)",
+                  },
+                  contentWrapper: {
+                    backgroundColor: "var(--colorNeutralBackground1)",
+                  },
+                } as IDetailsListStyles
+              }
             />
           </div>
         )}