diff --git a/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/css/module/menu.css b/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/css/module/menu.css
index 96e4638527de3c0cd7374b75179364eddce6217c..15c598477cb4c8f6f9a04f2baf48cd25ffba43d1 100644
--- a/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/css/module/menu.css
+++ b/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/css/module/menu.css
@@ -41,6 +41,26 @@
 	background-color: #5FB878;
 }
 
+.pear-nav-tree .layui-nav-tree > .layui-nav-item > a:before {
+	background-color: #5FB878;
+}
+
+.layui-nav-tree > .layui-nav-item:hover > a:before {
+	bottom: 0;
+}
+
+.layui-nav-tree > .layui-nav-item > a:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 100%;
+	width: 4px;
+	background-color: #009688;
+	-webkit-transition: all .3s ease;
+	transition: all .3s ease;
+}
+
 .pear-nav-tree .toast {
 	font-size: 14px;
 	margin: 5px;
@@ -195,8 +215,11 @@
 }
  
 .light-theme .pear-nav-tree .layui-nav-bar{
-	display: none;
-	
+	display: none;	
+}
+
+.light-theme .pear-nav-tree .layui-nav-tree > .layui-nav-item > a:before {
+	background-color: #5FB878;
 }
 
 /** 下 拉 图 标 */
diff --git a/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/module/theme.js b/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/module/theme.js
index ab114b984a64e7bca7df5e69b097a79819251303..c1de38040504df771ca75c3c901f12d8ec3ec631 100644
--- a/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/module/theme.js
+++ b/src/PearAdmin.AbpTemplate.Admin/wwwroot/libs/pear/module/theme.js
@@ -25,6 +25,7 @@ layui.define(["jquery","layer"], function (exports) {
 		
 		let style = '';
 		style += '.light-theme .pear-nav-tree .layui-this a:hover,.light-theme .pear-nav-tree .layui-this,.light-theme .pear-nav-tree .layui-this a,.pear-nav-tree .layui-this a,.pear-nav-tree .layui-this{background-color: ' +color + '!important;}';
+		style += '.light-theme .layui-nav-tree>.layui-nav-item>a:before, .layui-nav-tree>.layui-nav-item>a:before{background-color: ' + color + '!important;}';
 		style += '.pear-admin .layui-logo .title{color:' + color + '!important;}';
 		style += '.pear-frame-title .dot,.pear-tab .layui-this .pear-tab-active{background-color: ' + color +'!important;}';
 		style += '.bottom-nav li a:hover{background-color:' + color + '!important;}';