more work on active state

Author: mkuklis

Gruntfile.js

@@ -36,6 +36,10 @@ module.exports = function (grunt) {
       stylus: {
         files: ['src/stylus/**/*.styl'],
         tasks: ['stylus', 'concat', 'copy', 'cssmin']
+      },
+      css: {
+        files: ['src/css/global.css'],
+        tasks: ['concat', 'copy', 'cssmin']
       }
     }
   });
@@ -46,5 +50,5 @@ module.exports = function (grunt) {
   grunt.loadNpmTasks('grunt-contrib-copy');
   grunt.loadNpmTasks('grunt-contrib-cssmin');
 
-  grunt.registerTask('default', ['concat', 'copy', 'cssmin']);
+  grunt.registerTask('default', ['stylus', 'concat', 'copy', 'cssmin']);
 };

README.md

@@ -11,4 +11,10 @@ Include link to `jquery.mobile.flatui.css`
  <link rel="stylesheet" type="text/css" href="jquery.mobile.flatui.css" />
 ```
 
-![jQuery-Mobile-Flat-UI-Theme](http://oi49.tinypic.com/w82peh.jpg)
+![jQuery-Mobile-Flat-UI-Theme](http://oi46.tinypic.com/212i9dz.jpg)
+
+
+##License:
+<pre>
+The MIT License
+</pre>

demo/css/jquery.mobile.flatui.css

@@ -292,8 +292,8 @@
 /* Active class used as the "on" state across all themes
 -----------------------------------------------------------------------------------------------------------*/
 .ui-btn-active {
-	border: 1px solid 		#2C3E50 /*{global-active-border}*/;
-	background: 			#2C3E50 /*{global-active-background-color}*/;
+	border: 1px solid 		#1abc9c /*{global-active-border}*/;
+	background: 			#1abc9c /*{global-active-background-color}*/;
 	font-weight: bold;
 	color: 					#ffffff /*{global-active-color}*/;
 	cursor: pointer;
@@ -314,10 +314,8 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-slider-handle {
-  /*
-  background:  #ff0000;
-  border: 1px solid #ff0000;
-  */
+  background:  #16a085;
+  border: 1px solid #16a085;
 }
 
 .ui-slider-label.ui-btn-corner-all,

demo/index.html

@@ -115,7 +115,7 @@ <h3>Section 3</h3>
         <input type="range" name="slider" value="50" min="0" max="100" data-highlight="true" />
       </div>
     </div>
-  </div><!--end_swatches-->
+  </div>
 
   <div id="highlight"> </div>
 </body>

generated/jquery.mobile.flatui.css

@@ -292,8 +292,8 @@
 /* Active class used as the "on" state across all themes
 -----------------------------------------------------------------------------------------------------------*/
 .ui-btn-active {
-	border: 1px solid 		#2C3E50 /*{global-active-border}*/;
-	background: 			#2C3E50 /*{global-active-background-color}*/;
+	border: 1px solid 		#1abc9c /*{global-active-border}*/;
+	background: 			#1abc9c /*{global-active-background-color}*/;
 	font-weight: bold;
 	color: 					#ffffff /*{global-active-color}*/;
 	cursor: pointer;
@@ -314,10 +314,8 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-slider-handle {
-  /*
-  background:  #ff0000;
-  border: 1px solid #ff0000;
-  */
+  background:  #16a085;
+  border: 1px solid #16a085;
 }
 
 .ui-slider-label.ui-btn-corner-all,

generated/jquery.mobile.flatui.min.css

@@ -1,8 +1,8 @@
 /* Active class used as the "on" state across all themes
 -----------------------------------------------------------------------------------------------------------*/
 .ui-btn-active {
-	border: 1px solid 		#2C3E50 /*{global-active-border}*/;
-	background: 			#2C3E50 /*{global-active-background-color}*/;
+	border: 1px solid 		#1abc9c /*{global-active-border}*/;
+	background: 			#1abc9c /*{global-active-background-color}*/;
 	font-weight: bold;
 	color: 					#ffffff /*{global-active-color}*/;
 	cursor: pointer;
@@ -23,10 +23,8 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-slider-handle {
-  /*
-  background:  #ff0000;
-  border: 1px solid #ff0000;
-  */
+  background:  #16a085;
+  border: 1px solid #16a085;
 }
 
 .ui-slider-label.ui-btn-corner-all,