fix: add version holder for backend

src/components/simple-table/index.less

@@ -8,22 +8,21 @@
     border-spacing: 0;
 
     td {
-      border-bottom: 1px solid var(--ant-color-split);
+      border-bottom: 1px solid var(--color-white-light-1);
     }
 
     th {
-      border-bottom: 1px solid var(--ant-color-split);
+      border-bottom: 1px solid var(--color-white-light-1);
     }
   }
 
   th {
     height: 36px;
     font-weight: 600;
-    color: var(--ant-color-text);
   }
 
   td {
-    color: var(--ant-color-text-secondary);
+    color: var(--color-white-quaternary);
   }
 
   .cell-span {
@@ -35,4 +34,16 @@
   .cell-header {
     font-weight: var(--font-weight-medium);
   }
+
+  &.light {
+    th {
+      color: var(--ant-color-text);
+      border-bottom: 1px solid var(--ant-color-split);
+    }
+
+    td {
+      color: var(--ant-color-text);
+      border-bottom: 1px solid var(--ant-color-split);
+    }
+  }
 }

src/components/simple-table/index.tsx

@@ -43,12 +43,12 @@ interface SimpleTableProps {
   rowKey: string;
 }
 const SimpleTabel: React.FC<SimpleTableProps> = (props) => {
-  const { columns, dataSource, rowKey, bordered = true } = props;
+  const { columns, dataSource, rowKey, theme, bordered = true } = props;
 
   return (
     <div>
       <table
-        className={classNames('simple-table', {
+        className={classNames('simple-table', theme, {
           'simple-table-bordered': bordered
         })}
       >