diff --git a/src/views/main-sidebar.vue b/src/views/main-sidebar.vue
index 9d45932..a9ea3d8 100644
--- a/src/views/main-sidebar.vue
+++ b/src/views/main-sidebar.vue
@@ -7,9 +7,9 @@
         :collapse="sidebarFold"
         :collapseTransition="false"
         class="site-sidebar__menu">
-        <el-menu-item style=" padding-left: -5px;" class="menu">
-          <span slot="title"> <el-input v-model="search" placeholder="搜索" class="custom-input"
-                                        @keyup.enter.native="searchMenu1" style="margin-left: -2px"></el-input></span>
+        <el-menu-item style=" padding-left: -5px;" :class="$store.state.common.sidebarLayoutSkin === 'light'?'menu-light':'menu-dark'">
+          <span slot="title">
+            <el-input v-model="search" placeholder="搜索" class="custom-input" @keyup.enter.native="searchMenu1" style="margin-left: -2px"></el-input></span>
           <i type="primary" class="el-icon-search" style="font-size: small" @click="searchMenu1()"></i>
         </el-menu-item>
         <el-menu-item index="home" @click="$router.push({ name: 'home' })">
@@ -262,13 +262,20 @@ export default {
 }
 </script>
 <style>
-.menu .el-input__inner {
+.menu-dark .el-input__inner {
   background: transparent;
   width: 195px;
   font-size: 12px;
   color: #FFFFFF;
   border: #0BB2D4;
 }
+.menu-light .el-input__inner {
+  background: transparent;
+  width: 195px;
+  font-size: 12px;
+  color: #000;
+  border: #0BB2D4;
+}
 .custom-input .el-input__inner::placeholder {
   font-size: 15px; /* 更改此处为您需要的字体大小 */
   color: #999;     /* 更改此处为您所需的颜色 */