style: 优化颜色管理

packages/app/src/components/footer/index.css

@@ -1,5 +1,6 @@
 .ld-footer-copyright {
   font-size: 14px;
+  color: var(--font-color);
   text-align: center;
 
   & span {
@@ -10,5 +11,4 @@
 .ld-footer {
   padding: 0 50px 24px !important;
   margin-top: auto;
-  background-color: #f5f5f5 !important;
 }

packages/app/src/components/footer/index.tsx

@@ -1,7 +1,7 @@
 import './index.css';
 import {FC} from 'react';
 import {Layout} from 'antd';
-import {Copy} from '@icon-park/react';
+import {CopyrightCircleOutlined} from '@ant-design/icons';
 import classNames from 'classnames';
 
 type Props = {
@@ -13,7 +13,7 @@ const Footer: FC<Props> = function({className, color}) {
   return (
     <Layout.Footer className={classNames(className, 'ld-footer')}>
       <p style={{color}} className="ld-footer-copyright">
-        <Copy />
+        <CopyrightCircleOutlined />
         <span>烟台市利道软件科技有限公司提供技术支持</span>
       </p>
     </Layout.Footer>

packages/app/src/components/modal/index.css

@@ -138,7 +138,7 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
-  background-color: #f5f5f5;
+  background-color: var(--background-color);
 }
 
 .ld-page-dialog-close {

packages/app/src/components/table/index.css

@@ -89,7 +89,7 @@
   text-align: center;
   overflow-wrap: anywhere;
   list-style: none;
-  background-color: #fafafa;
+  background-color: var(--table-header-color);
   border-inline-end: 1px solid var(--border-color-light);
   border-bottom: 1px solid var(--border-color-light);
   transition: background 0.2s ease;

packages/app/src/pages/home/main/tab/item/index.module.css

@@ -15,12 +15,3 @@
 .tab-item-active {
   color: var(--primary-color);
 }
-
-.close {
-  border-radius: 50%;
-  transition: background 200ms linear;
-
-  &:hover {
-    background-color: #eee;
-  }
-}

packages/app/src/styles/variable.css

@@ -11,6 +11,7 @@
   --border-color-light: #f0f0f0;
   /* stylelint-disable-next-line custom-property-pattern */
   --contexify-activeItem-bgColor: var(--primary-color);
+  --table-header-color: #fafafa;
 
   /* font */
   --tip-font-size: 12px;