fix: header bg color

src/global.less

@@ -108,6 +108,18 @@ html[data-theme='realDark'] {
   .ant-result-image {
     opacity: 0.9;
   }
+
+  .ant-pro-page-container-affix .ant-pro-page-container-warp {
+    background-color: #292929 !important;
+    transition: none !important;
+  }
+}
+
+html[data-theme='light'] {
+  .ant-pro-page-container-affix .ant-pro-page-container-warp {
+    background-color: #fff !important;
+    transition: none !important;
+  }
 }
 
 body {
@@ -118,6 +130,10 @@ body {
     width: 0;
   }
 
+  .ant-tabs-tab {
+    transition: none !important;
+  }
+
   .ant-pro-page-container-affix {
     .ant-affix {
       top: 0 !important;
@@ -786,6 +802,10 @@ body {
 .ant-pro-page-container-affix .ant-affix .ant-pro-page-container-warp {
   box-shadow: none;
   border-bottom: 1px solid var(--ant-color-split);
+
+  .ant-page-header-heading-title {
+    color: var(--ant-color-text) !important;
+  }
 }
 
 .ant-page-header .ant-page-header-heading-extra {

src/layouts/index.tsx

@@ -52,8 +52,7 @@ const CHECK_RESOURCE_PATH = [
   '/resources/workers',
   '/cluster-management/clusters/list',
   '/cluster-management/credentials',
-  '/cluster-management/clusters/create',
-  ''
+  '/cluster-management/clusters/create'
 ];
 
 type NewRoute = IRoute & {
@@ -334,7 +333,7 @@ export default (props: any) => {
       <DarkMask></DarkMask>
       <ProLayout
         fixSiderbar
-        fixedHeader
+        fixedHeader={true}
         breadcrumbRender={false}
         route={route}
         location={location}
@@ -387,8 +386,8 @@ export default (props: any) => {
           )}
         </Exception>
         {NoResourceModal}
+        {contextHolder}
       </ProLayout>
-      {contextHolder}
     </ConfigProvider>
   );
 };