style: cluster creation modal

src/components/seal-table/index.tsx

@@ -21,6 +21,8 @@ const Wrapper = styled.div<{ $token: any }>`
   --ant-table-row-selected-hover-bg: ${(props) =>
     props.$token.rowSelectedHoverBg};
   --ant-table-row-hover-bg: ${(props) => props.$token.rowHoverBg};
+  --ant-table-header-icon-color: ${(props) =>
+    props.$token.tableHeaderIconColor};
 `;
 
 const SealTable: React.FC<SealTableProps & { pagination: PaginationProps }> = (
@@ -143,10 +145,13 @@ const SealTable: React.FC<SealTableProps & { pagination: PaginationProps }> = (
     pagination?.onShowSizeChange?.(current, size);
   };
 
+  console.log('token.table', token);
+
   return (
     <Wrapper
       $token={{
         ...token.Table,
+        tableHeaderIconColor: token.colorTextQuaternary,
         colorBorderSecondary: token.colorBorderSecondary
       }}
     >

src/components/seal-table/styles/header.less

@@ -53,8 +53,8 @@
       margin-left: 4px;
 
       .anticon {
-        font-size: 10px;
-        color: rgba(0, 0, 0, 29%);
+        font-size: 12px;
+        color: var(--ant-table-header-icon-color);
       }
 
       .sorter-up {