fix: remove the constant deps for watch logs

src/components/highlight-code/styles/index.less

@@ -60,10 +60,24 @@
 
     &.dark {
       background-color: #282c34;
+
+      &:hover {
+        &::-webkit-scrollbar-thumb {
+          background-color: var(--scrollbar-handle-light-bg);
+          border-radius: 4px;
+        }
+      }
     }
 
     &.light {
       background-color: rgb(250, 250, 250);
+
+      &:hover {
+        &::-webkit-scrollbar-thumb {
+          background-color: var(--color-scrollbar-thumb);
+          border-radius: 4px;
+        }
+      }
     }
   }
 }

src/components/logs-viewer/virtual-log-list.tsx

@@ -231,7 +231,7 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
     return () => {
       chunkRequedtRef.current?.current?.abort?.();
     };
-  }, [url, props.params]);
+  }, [url]);
 
   useEffect(() => {
     debouncedScroll();

src/global.less

@@ -16,7 +16,7 @@ html {
   --color-scrollbar-thumb: rgba(193, 193, 193, 80%);
   --scrollbar-size: 6px;
   --scrollbar-handle-bg: rgba(0, 0, 0, 44%);
-  --scrollbar-handle-light-bg: rgba(255, 255, 255, 44%);
+  --scrollbar-handle-light-bg: rgba(255, 255, 255, 25%);
   --scrollbar-handle-hover-bg: rgba(0, 0, 0, 55%);
   --color-editor-dark: #282c34;
   --color-editor-light: #fafafa;