diff --git a/src/page/Datasource/Recycle/RecycleBinPage/index.tsx b/src/page/Datasource/Recycle/RecycleBinPage/index.tsx
index 7ba0cf974..ba2ec1009 100644
--- a/src/page/Datasource/Recycle/RecycleBinPage/index.tsx
+++ b/src/page/Datasource/Recycle/RecycleBinPage/index.tsx
@@ -18,8 +18,9 @@ import RecycleBinPage from '@/page/Workspace/components/RecycleBinPage';
 
 interface IProps {
   dataSourceId: string;
+  theme?: 'dark' | 'white';
 }
 
-export default function RecycleBin({ dataSourceId }: IProps) {
-  return <RecycleBinPage simpleHeader datasourceId={parseInt(dataSourceId)} />;
+export default function RecycleBin({ dataSourceId, theme }: IProps) {
+  return <RecycleBinPage simpleHeader datasourceId={parseInt(dataSourceId)} theme={theme} />;
 }
diff --git a/src/page/Datasource/Recycle/index.tsx b/src/page/Datasource/Recycle/index.tsx
index c65470a89..64ffd5881 100644
--- a/src/page/Datasource/Recycle/index.tsx
+++ b/src/page/Datasource/Recycle/index.tsx
@@ -22,7 +22,7 @@ interface IProps {
   datasource: IDatasource;
 }
 const Recycle: React.FC<IProps> = (props) => {
-  return <RecycleBin dataSourceId={props.id} />;
+  return <RecycleBin dataSourceId={props.id} theme="white" />;
 };
 
 export default Recycle;
diff --git a/src/page/Workspace/components/EditableTable/index.tsx b/src/page/Workspace/components/EditableTable/index.tsx
index dc7c74d22..ca004da1a 100644
--- a/src/page/Workspace/components/EditableTable/index.tsx
+++ b/src/page/Workspace/components/EditableTable/index.tsx
@@ -74,6 +74,7 @@ interface IProps<R extends RowType<R>, SR> extends PickDataGridProps<R, SR> {
   enableColumnRecord?: boolean;
   gridRef?: React.Ref<DataGridRef>;
   bordered?: boolean;
+  theme?: 'dark' | 'white';
   onScroll?: (rowVisibleStartIdx: number, rowVisibleEndIdx: number) => void;
   getNewRowData?: () => R;
   /**
@@ -104,6 +105,7 @@ export default inject('settingStore')(
         enableFrozenRow,
         searchKey,
         settingStore,
+        theme,
         getNewRowData,
         onRowsChange,
         onScroll,
@@ -280,7 +282,7 @@ export default inject('settingStore')(
 
       return (
         <DataGrid
-          theme={settingStore.theme.sheetTheme as any}
+          theme={theme || (settingStore.theme.sheetTheme as any)}
           style={{
             height: minHeight,
           }}
diff --git a/src/page/Workspace/components/RecycleBinPage/index.tsx b/src/page/Workspace/components/RecycleBinPage/index.tsx
index aed731e40..aee81fe52 100644
--- a/src/page/Workspace/components/RecycleBinPage/index.tsx
+++ b/src/page/Workspace/components/RecycleBinPage/index.tsx
@@ -54,6 +54,7 @@ interface IProps {
   datasourceId: number;
   showDatasource?: boolean;
   simpleHeader?: boolean;
+  theme?: 'dark' | 'white';
 }
 
 class RecycleBin extends Component<
@@ -301,7 +302,7 @@ class RecycleBin extends Component<
       recycleConfig,
     } = this.state;
 
-    const { simpleHeader } = this.props;
+    const { simpleHeader, theme } = this.props;
 
     const columns: ColumnsType<IRecycleObject> = [
       {
@@ -568,6 +569,7 @@ class RecycleBin extends Component<
             columns={columnsInRestoreDrawer}
             rowKey="uniqueId"
             rows={selectedObjects as any}
+            theme={theme}
             onRowsChange={this.handleEditPropertyInCell}
           />