style: cluster creation modal

src/components/collapse-container/index.tsx

@@ -7,6 +7,7 @@ import styled from 'styled-components';
 
 const CardStyled = styled(Card)`
   box-shadow: none !important;
+  background-color: none;
   &.isOpen {
     .ant-card-head {
       border-bottom: 1px solid var(--ant-color-border-secondary);

src/components/icon-font/index.tsx

@@ -1,8 +1,8 @@
 import { createFromIconfontCN } from '@ant-design/icons';
-import './iconfont/iconfont.js';
+// import './iconfont/iconfont.js';
 
 const IconFont = createFromIconfontCN({
-  scriptUrl: ''
+  scriptUrl: '//at.alicdn.com/t/c/font_4613488_jo5x7z2z718.js'
 });
 
 export default IconFont;

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 {