💄 UI 升级

feature/src/assets/ant-reset.less

@@ -8,9 +8,10 @@
   --color-text-content: #141414;
   --color-text-desc: rgba(0, 0, 0, 0.45);
   // 背景色
+  --color-body-bg2: #eee;
   --color-body-bg: #fff;
-  --color-menu-bg: #f3efef;
-  --color-list-hover: #e2e2e2;
+  --color-menu-bg: rgba(248, 248, 248, 1);
+  --color-list-hover: rgba(233, 233, 233, 1);
   --color-input-hover: #fff;
   // 边框
   --color-border-light: #f0f0f0;
@@ -22,9 +23,10 @@
   --color-text-desc: #8f8fa6;
   // 背景色
   --color-body-bg: #1c1c28;
+  --color-body-bg2: #2c2f3b;
   --color-menu-bg: #1c1c28;
-  --color-list-hover: #33333d;
-  --color-input-hover: #33333d;
+  --color-list-hover: #2c2f3b;
+  --color-input-hover: #444d;
   // 边框
-  --color-border-light: #33333d;
+  --color-border-light: #444d;
 }

feature/src/assets/common.less

@@ -1,5 +1,5 @@
 .left-menu {
-  width: 200px;
+  width: 183px;
   // height: 100vh;
   border-right: 1px solid var(--color-border-light);
   .search-container {
@@ -20,15 +20,18 @@
     background: var(--color-menu-bg);
     height: 100%;
     border-right: none;
-    .ant-menu-item {
+    .ant-menu-item, .ant-menu-submenu, .ant-menu-submenu-arrow {
       color: var(--color-text-content);
       &:active {
         background: none;
       }
     }
-    .ant-menu-item-selected {
+    .ant-menu-item-selected, .ant-menu-submenu-selected {
       background-color: var(--color-list-hover);
-      color: var(--color-text-primary);
+      color: var(--ant-primary-color);
+      .ant-menu-submenu-arrow {
+        color: var(--ant-primary-color);
+      }
       &:after {
         display: none;
       }

feature/src/assets/constans.ts

@@ -0,0 +1,35 @@
+export const SPRING = {
+  theme: 'SPRING',
+  primaryColor: '#ff4ea4',
+  errorColor: '#ed6d46',
+  warningColor: '#e5a84b',
+  successColor: '#c0d695',
+  infoColor: '#aa8eeB',
+};
+
+export const SUMMER = {
+  theme: 'SUMMER',
+  primaryColor: '#6078ea',
+  errorColor: '#ed6d46',
+  warningColor: '#e5a84b',
+  successColor: '#c0d695',
+  infoColor: '#aa8eeB',
+};
+
+export const AUTUMN = {
+  theme: 'AUTUMN',
+  primaryColor: '#f55555',
+  errorColor: '#ed6d46',
+  warningColor: '#e5a84b',
+  successColor: '#c0d695',
+  infoColor: '#aa8eeB',
+};
+
+export const WINTER = {
+  theme: 'WINTER',
+  primaryColor: '#00b294',
+  errorColor: '#e94829',
+  warningColor: '#ed6d3d',
+  successColor: '#c3d94e',
+  infoColor: '#bfa782',
+};

feature/src/assets/request/index.ts

@@ -12,6 +12,7 @@ try {
 }
 
 const instance = axios.create({
+  timeout: 4000,
   baseURL:
     baseURL || 'https://gitcode.net/rubickcenter/rubick-database/-/raw/master',
 });
@@ -61,7 +62,7 @@ export default {
   },
 
   async getPluginDetail(url: string) {
-    const res = await axios.get(url);
+    const res = await instance.get(url);
     return res.data;
   },