diff --git a/ui/core_qss/qss/blacksoft.css b/ui/core_qss/qss/blacksoft.css
index 505cf4e..26ab7b7 100644
--- a/ui/core_qss/qss/blacksoft.css
+++ b/ui/core_qss/qss/blacksoft.css
@@ -311,21 +311,21 @@ background-color:#242424;
 }
 
 QSlider::groove:horizontal{
-background:#484848;
 height:8px;
 border-radius:4px;
+background:#484848;
 }
 
 QSlider::add-page:horizontal{
-background:#484848;
 height:8px;
 border-radius:4px;
+background:#484848;
 }
 
 QSlider::sub-page:horizontal{
-background:#242424;
 height:8px;
 border-radius:4px;
+background:#242424;
 }
 
 QSlider::handle:horizontal{
@@ -345,13 +345,13 @@ background:#484848;
 QSlider::add-page:vertical{
 width:8px;
 border-radius:4px;
-background:#484848;
+background:#242424;
 }
 
 QSlider::sub-page:vertical{
 width:8px;
 border-radius:4px;
-background:#242424;
+background:#484848;
 }
 
 QSlider::handle:vertical{
diff --git a/ui/styledemo/qrc/qss/blacksoft.css b/ui/styledemo/qrc/qss/blacksoft.css
index 505cf4e..26ab7b7 100644
--- a/ui/styledemo/qrc/qss/blacksoft.css
+++ b/ui/styledemo/qrc/qss/blacksoft.css
@@ -311,21 +311,21 @@ background-color:#242424;
 }
 
 QSlider::groove:horizontal{
-background:#484848;
 height:8px;
 border-radius:4px;
+background:#484848;
 }
 
 QSlider::add-page:horizontal{
-background:#484848;
 height:8px;
 border-radius:4px;
+background:#484848;
 }
 
 QSlider::sub-page:horizontal{
-background:#242424;
 height:8px;
 border-radius:4px;
+background:#242424;
 }
 
 QSlider::handle:horizontal{
@@ -345,13 +345,13 @@ background:#484848;
 QSlider::add-page:vertical{
 width:8px;
 border-radius:4px;
-background:#484848;
+background:#242424;
 }
 
 QSlider::sub-page:vertical{
 width:8px;
 border-radius:4px;
-background:#242424;
+background:#484848;
 }
 
 QSlider::handle:vertical{
diff --git a/ui/styledemo/qrc/qss/flatgray.css b/ui/styledemo/qrc/qss/flatgray.css
index 931ad65..6f5aa0a 100644
--- a/ui/styledemo/qrc/qss/flatgray.css
+++ b/ui/styledemo/qrc/qss/flatgray.css
@@ -311,21 +311,21 @@ background-color:#B6B6B6;
 }
 
 QSlider::groove:horizontal{
-background:#E4E4E4;
 height:8px;
 border-radius:4px;
+background:#E4E4E4;
 }
 
 QSlider::add-page:horizontal{
-background:#E4E4E4;
 height:8px;
 border-radius:4px;
+background:#E4E4E4;
 }
 
 QSlider::sub-page:horizontal{
-background:#B6B6B6;
 height:8px;
 border-radius:4px;
+background:#B6B6B6;
 }
 
 QSlider::handle:horizontal{
@@ -345,13 +345,13 @@ background:#E4E4E4;
 QSlider::add-page:vertical{
 width:8px;
 border-radius:4px;
-background:#E4E4E4;
+background:#B6B6B6;
 }
 
 QSlider::sub-page:vertical{
 width:8px;
 border-radius:4px;
-background:#B6B6B6;
+background:#E4E4E4;
 }
 
 QSlider::handle:vertical{
diff --git a/ui/styledemo/qrc/qss/lightblue.css b/ui/styledemo/qrc/qss/lightblue.css
index 034c31e..55e9ccd 100644
--- a/ui/styledemo/qrc/qss/lightblue.css
+++ b/ui/styledemo/qrc/qss/lightblue.css
@@ -311,21 +311,21 @@ background-color:#C0DCF2;
 }
 
 QSlider::groove:horizontal{
-background:#DEF0FE;
 height:8px;
 border-radius:4px;
+background:#DEF0FE;
 }
 
 QSlider::add-page:horizontal{
-background:#DEF0FE;
 height:8px;
 border-radius:4px;
+background:#DEF0FE;
 }
 
 QSlider::sub-page:horizontal{
-background:#C0DCF2;
 height:8px;
 border-radius:4px;
+background:#C0DCF2;
 }
 
 QSlider::handle:horizontal{
@@ -345,13 +345,13 @@ background:#DEF0FE;
 QSlider::add-page:vertical{
 width:8px;
 border-radius:4px;
-background:#DEF0FE;
+background:#C0DCF2;
 }
 
 QSlider::sub-page:vertical{
 width:8px;
 border-radius:4px;
-background:#C0DCF2;
+background:#DEF0FE;
 }
 
 QSlider::handle:vertical{