Merge branch 'main' into dev

chat2db-client/src/blocks/Tree/index.tsx

@@ -394,7 +394,7 @@ const TreeNode = memo((props: TreeNodeIProps) => {
           zIndex: 1080,
         }}
       >
-        <Tooltip placement="right" color={window._AppThemePack.colorPrimary} title={treeNodeData.comment}>
+        <Tooltip placement="right" color={window._AppThemePack?.colorPrimary} title={treeNodeData.comment}>
           <div
             className={classnames(styles.treeNode, { [styles.treeNodeFocus]: isFocus })}
             onClick={handelClickTreeNode}

chat2db-client/src/components/MonacoEditor/useMonacoTheme.ts

@@ -8,7 +8,7 @@ function useMonacoTheme() {
   const [appTheme] = useTheme();
   // 监听主题色变化切换编辑器主题色
   useEffect(() => {
-    const { colorPrimary, colorBgBase, colorTextBase  } = window._AppThemePack;
+    const { colorPrimary, colorBgBase, colorTextBase  } = window._AppThemePack || {};
 
     const colors = {
       'editor.lineHighlightBackground': colorPrimary + '14', // 当前行背景色

chat2db-client/src/pages/login/index.tsx

@@ -8,7 +8,7 @@ import Iconfont from '@/components/Iconfont';
 import i18n from '@/i18n';
 // import { useNavigate } from 'react-router-dom';
 import { logoutClearSomeLocalStorage, navigate } from '@/utils';
-import { queryCurUser } from '@/store/user'
+import { queryCurUser } from '@/store/user';
 
 interface IFormData {
   userName: string;
@@ -38,8 +38,9 @@ const Login: React.FC = () => {
         <div className={styles.loginWelcome}>{i18n('login.text.welcome')}</div>
         <Tooltip
           placement="right"
+          color={window._AppThemePack?.colorBgBase}
           title={
-            <div>
+            <div style={{ color: window._AppThemePack?.colorText, opacity: 0.8, padding: '8px 4px' }}>
               {i18n('login.text.tips')}
             </div>
           }

chat2db-client/src/styles/global.less

@@ -26,35 +26,36 @@ input:-webkit-autofill {
   caret-color: var(--color-text) !important; // 光标的颜色
 }
 
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--color-fill);
-  border-radius: 2px;
-}
-
-::-webkit-scrollbar-button {
-  width: 0;
-  height: 0;
-  background: transparent;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-  width: 0px;
-  cursor: pointer;
-}
-
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
 * {
-  scrollbar-width: 4px; // 宽度：auto（默认），thin（窄），none（隐藏）
-  scrollbar-color: var(--color-fill) transparent; // 颜色：第一个颜色是滑块颜色，第二个颜色是轨道颜色
+  ::-webkit-scrollbar {
+    cursor: pointer;
+    width: 4px;
+    height: 4px;
+    background-color: transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    cursor: pointer;
+    background-color: transparent;
+    border-radius: 2px;
+    // transition: background-color 500ms ${token.motionEaseOut};
+
+    &:hover {
+      background-color: var(--color-text);
+    }
+  }
+
+  ::-webkit-scrollbar-corner {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  &:hover {
+    ::-webkit-scrollbar-thumb {
+      background-color: var(--color-fill);
+    }
+  }
 }
 
 html,