diff --git a/css/style.css b/css/style.css
index 1165a89604..e4c929ebe1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1488,3 +1488,53 @@ main .nav-tabs>li.active>a:hover {
     border-color: #eee;
 }
 
+/*
+ * Framework overwrite
+ */
+
+/* jRange */
+.theme-frio .back-bar {
+    height: 5px !important;
+    border-radius: 2px;
+    background-color: #eeeeee;
+    background-color: #e7e7e7;
+    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
+}
+.theme-frio .back-bar .selected-bar {
+    border-radius: 2px;
+    background-color: $link_color;
+/*    background-image: -moz-linear-gradient(top, #bdfade, #76fabc);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdfade), to(#76fabc));
+    background-image: -webkit-linear-gradient(top, #bdfade, #76fabc);
+    background-image: -o-linear-gradient(top, #bdfade, #76fabc);
+    background-image: linear-gradient(to bottom, #bdfade, #76fabc);
+    background-repeat: repeat-x;*/
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);
+}
+.theme-frio .back-bar .pointer {
+    width: 14px !important;
+    height: 14px !important;
+    top: -5px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 10px;
+    border: 1px solid #AAA;
+    background-color: #e7e7e7 !important;
+    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
+}
+.theme-frio .back-bar .pointer-label {
+    color: #999;
+}
diff --git a/templates/theme_settings.tpl b/templates/theme_settings.tpl
index 078bce27b0..7625e66ab0 100644
--- a/templates/theme_settings.tpl
+++ b/templates/theme_settings.tpl
@@ -48,9 +48,9 @@
 			step: 1,
 			scale: [0,10,20,30,40,50,60,70,80,90,100],
 			format: '%s',
-			width: 622,
+			width: '100%',
 			showLabels: true,
-			snap: true
+			theme: 'theme-frio',
 		});
 
 	});