style: sql执行结果表格颜色

shanhexi · shanhexi · commit 60d088ca52e4 · 2023-08-13T15:47:35.000+08:00
diff --git a/chat2db-client/src/components/SearchResult/TableBox/index.tsx b/chat2db-client/src/components/SearchResult/TableBox/index.tsx
@@ -33,16 +33,16 @@ interface IViewTableCellData {
   value: any;
 }
 
-const DarkSupportBaseTable: any = styled(BaseTable)`
-  &.dark {
+const SupportBaseTable: any = styled(BaseTable)`
+  &.supportBaseTable {
     --bgcolor: var(--color-bg-base);
     --header-bgcolor: var(--color-bg-elevated);
-    --hover-bgcolor: #46484a;
-    --header-hover-bgcolor: #606164;
-    --highlight-bgcolor: #191a1b;
-    --header-highlight-bgcolor: #191a1b;
+    --hover-bgcolor: var(--color-hover-bg);
+    --header-hover-bgcolor: var(--color-hover-bg);
+    --highlight-bgcolor: var(--color-hover-bg);
+    --header-highlight-bgcolor: var(--color-hover-bg);
     --color: var(--color-text);
-    --header-color: #dadde1;
+    --header-color: var(--color-text);
     --lock-shadow: rgb(37 37 37 / 0.5) 0 0 6px 2px;
     --border-color: var(--color-border-secondary);
   }
@@ -259,8 +259,8 @@ export default function TableBox(props: ITableProps) {
               </Button>
             </Dropdown>
           </div>
-          <DarkSupportBaseTable
-            className={classnames({ dark: isDarkTheme }, props.className, styles.table)}
+          <SupportBaseTable
+            className={classnames('supportBaseTable', props.className, styles.table)}
             components={{ EmptyContent: () => <h2>{i18n('common.text.noData')}</h2> }}
             isStickyHead
             stickyTop={31}
@@ -279,7 +279,6 @@ export default function TableBox(props: ITableProps) {
         open={!!viewTableCellData?.name}
         onCancel={handleCancel}
         width="60vw"
-        height="70vh"
         maskClosable={false}
         footer={
           <>
diff --git a/chat2db-client/src/pages/main/index.less b/chat2db-client/src/pages/main/index.less
@@ -52,7 +52,7 @@
     justify-content: center;
     align-items: center;
     align-items: center;
-    margin-bottom: 10px;
+    margin-bottom: 16px;
     width: 40px;
     height: 40px;
     border-radius: 8px;
diff --git a/chat2db-client/src/theme/background/dark.ts b/chat2db-client/src/theme/background/dark.ts
@@ -45,7 +45,8 @@ const antDarkTheme = {
     colorHoverBg: 'hsla(0, 0%, 100%, 0.03)',
     colorBgContainer: '#0a0b0c',
     colorBgElevated: '#131418',
-    colorBorder: '#36373a',
+    colorBorder: 'rgba(54, 55, 58,0.4)',
+    colorBorderSecondary: 'rgba(54, 55, 58,0.4)',
   },
 };
 
diff --git a/chat2db-client/src/theme/background/darkDimmed.ts b/chat2db-client/src/theme/background/darkDimmed.ts
@@ -45,7 +45,7 @@ const antdLightTheme = {
     colorHoverBg: 'hsla(0, 0%, 100%, 0.03)',
     colorBgContainer: 'rgb(28, 33, 40)',
     colorBgElevated: 'rgb(34, 39, 46)',
-    colorBorder: 'rgb(68, 76, 86)',
+    colorBorder: 'rgba(55, 62, 71, 0.4)',
     colorBorderSecondary: 'rgba(55, 62, 71, 0.4)',
     controlItemBgActive: 'rgba(241, 241, 244, 0.08);',
     // ...commonToken,
diff --git a/chat2db-client/src/theme/background/light.ts b/chat2db-client/src/theme/background/light.ts
@@ -42,10 +42,11 @@ const antdLightTheme = {
     ...commonToken,
     colorText: "#232429",
     colorBgBase: '#fff',
-    colorHoverBg: '#eee',
+    colorHoverBg: 'rgba(0, 0, 0, 0.03)',
     colorBgContainer: '#fff',
     colorBgElevated: '#f6f8fa',
-    colorBorder: '#d3d3d4',
+    colorBorder: 'rgba(211, 211, 212, 0.4)',
+    colorBorderSecondary: 'rgba(211, 211, 212, 0.4)',
   },
 };
 
