替换全局主题变量

src/component/block/index.less

@@ -1,8 +1,10 @@
+@import "../../theme/variable.less";
+
 .layui-elem-quote {
   margin-bottom: 10px;
   padding: 15px;
   line-height: 1.6;
-  border-left: 5px solid #5fb878;
+  border-left: 5px solid @global-checked-color;
   border-radius: 0 2px 2px 0;
   background-color: #fafafa;
 }

src/component/menu/index.less

@@ -1,3 +1,5 @@
+@import "../../theme/variable.less";
+
 .layui-nav .layui-show.layui-anim-upbit .layui-show.layui-anim-upbit {
   top: 0px;
   left: 94px;
@@ -53,7 +55,7 @@
   top: 0;
   width: 0;
   height: 3px;
-  background-color: #5fb878;
+  background-color: @global-checked-color;
   transition: all 0.2s;
   -webkit-transition: all 0.2s;
   pointer-events: none;
@@ -187,13 +189,13 @@
 .layui-nav-tree .layui-nav-bar {
   width: 5px;
   height: 0;
-  background-color: #009688;
+  background-color: @global-primary-color;
 }
 
 .layui-nav-tree .layui-this,
 .layui-nav-tree .layui-nav-child dd.layui-this,
 .layui-nav-tree .layui-this > a:hover {
-  background-color: #009688;
+  background-color: @global-primary-color;
   color: #fff;
 }
 
@@ -252,12 +254,12 @@
 .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,
 .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a {
   background: 0 0 !important;
-  color: #5fb878 !important;
+  color: @global-checked-color !important;
   font-weight: 700;
 }
 
 .layui-nav.layui-bg-gray .layui-nav-bar {
-  background-color: #5fb878;
+  background-color: @global-checked-color;
 }
 
 .layui-nav-side {

src/component/slider/index.less

@@ -1,3 +1,5 @@
+@import "../../theme/variable.less";
+
 // 横向样式
 .layui-slider-v {
   width: 100%;
@@ -18,7 +20,7 @@
   height: 12px;
   background-color: white;
   position: absolute;
-  border: 2px solid rgb(0, 150, 136);
+  border: 2px solid @global-primary-color;
   border-radius: 50%;
   cursor: pointer;
   left: 0%;
@@ -31,7 +33,7 @@
   position: absolute;
   top: 6px;
   left: 0;
-  background-color: rgb(0, 150, 136);
+  background-color: @global-primary-color;
   z-index: 1;
 }
 
@@ -46,7 +48,7 @@
   cursor: not-allowed !important;
 }
 .layui-slider-disabled-rate {
-  background-color: rgb(0, 150, 136) !important;
+  background-color: @global-primary-color !important;
 }
 
 // 纵向样式
@@ -67,7 +69,7 @@
   background-color: white;
   position: absolute;
   // top: -7px;
-  border: 2px solid rgb(0, 150, 136);
+  border: 2px solid @global-primary-color;
   border-radius: 50%;
   cursor: pointer;
   bottom: 0%;
@@ -81,7 +83,7 @@
   position: absolute;
   bottom: 0;
   left: 7px;
-  background-color: rgb(0, 150, 136);
+  background-color: @global-primary-color;
   z-index: 1;
 }
 

src/component/timeline/index.less

@@ -1,3 +1,5 @@
+@import "../../theme/variable.less";
+
 .layui-timeline {
   padding-left: 5px;
 }
@@ -16,7 +18,7 @@
   height: 20px;
   line-height: 20px;
   background-color: #fff;
-  color: #5fb878;
+  color: @global-checked-color;
   border-radius: 50%;
   text-align: center;
   cursor: pointer;