diff --git a/web/src/assets/scss/element/dark.scss b/web/src/assets/scss/element/dark.scss
index 71a626a..794eeab 100644
--- a/web/src/assets/scss/element/dark.scss
+++ b/web/src/assets/scss/element/dark.scss
@@ -43,6 +43,17 @@ html.dark {
   .terminal_top {
     border-bottom: 1px solid #454242;
   }
+  .sftp_tab_container {
+    background-color: var(--main-bg-color) !important;
+    .dir-list {
+      .active {
+        background-color: #454242 !important;
+      }
+      li:hover {
+        background-color: #454242 !important;
+      }
+    }
+  }
   .info_box {
     border-right: 1px solid #454242;
     .el-progress-bar__innerText {
diff --git a/web/src/views/terminal/components/sftp.vue b/web/src/views/terminal/components/sftp.vue
index 0f120ef..08a59b3 100644
--- a/web/src/views/terminal/components/sftp.vue
+++ b/web/src/views/terminal/components/sftp.vue
@@ -657,7 +657,6 @@ defineExpose({
         li {
           font-size: 14px;
           padding: 5px 3px;
-          color: #303133;
           display: flex;
           align-items: center;
           // cursor: pointer;