diff --git a/src/component/slider/index.less b/src/component/slider/index.less
index 9b4dac98..81673844 100644
--- a/src/component/slider/index.less
+++ b/src/component/slider/index.less
@@ -1,3 +1,4 @@
+@import "../../theme/variable.less";
 // 横向样式
 .layui-slider-v {
   width: 100%;
@@ -16,9 +17,9 @@
 .layui-slider-btn-v {
   width: 12px;
   height: 12px;
-  background-color: white;
+  background-color: @global-fore-color;
   position: absolute;
-  border: 2px solid rgb(0, 150, 136);
+  border: 2px solid @global-primary-color;
   border-radius: 50%;
   cursor: pointer;
   left: 0%;
@@ -31,14 +32,14 @@
   position: absolute;
   top: 6px;
   left: 0;
-  background-color: rgb(0, 150, 136);
+  background-color: @global-primary-color;
   z-index: 1;
 }
 
 .layui-slider-line-v {
   width: 100%;
   height: 4px;
-  background-color: #eee;
+  background-color: @global-fore-color;
   position: absolute;
   top: 6px;
 }
@@ -46,7 +47,7 @@
   cursor: not-allowed !important;
 }
 .layui-slider-disabled-rate {
-  background-color: rgb(0, 150, 136) !important;
+  background-color: @global-primary-color !important;
 }
 
 // 纵向样式
@@ -64,10 +65,10 @@
 .layui-slider-vertical-btn {
   width: 12px;
   height: 12px;
-  background-color: white;
+  background-color: @global-fore-color;
   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 +82,7 @@
   position: absolute;
   bottom: 0;
   left: 7px;
-  background-color: rgb(0, 150, 136);
+  background-color: @global-primary-color;
   z-index: 1;
 }
 
@@ -90,7 +91,7 @@
   height: 100%;
   position: absolute;
   left: 7px;
-  background-color: #eee;
+  background-color: @global-fore-color;
 }
 
 .layui-slider-srange {