Merge pull request #542 from kitematic/green-create-button

Tweaked positive button.

src/components/ImageCard.react.js

@@ -169,7 +169,7 @@ var ImageCard = React.createClass({
               <span className="text" onClick={self.handleTagOverlayClick.bind(self, this.props.image.name)} data-name={this.props.image.name}>{this.state.chosenTag}</span>
             </div>
             <div className="action">
-              <a className="btn btn-action" onClick={self.handleClick}>Create</a>
+              <a className="btn btn-action btn-positive" onClick={self.handleClick}>Create</a>
             </div>
           </div>
         </div>

styles/theme.less

@@ -193,6 +193,16 @@ input[type="text"] {
 }
 .btn-positive {
   .btn-styles(@brand-positive);
+  &:hover,
+  &:focus {
+    border-color: darken(@brand-positive, 7%);
+    color: darken(@brand-positive, 7%);
+  }
+  &:active {
+    background-color: lighten(@brand-positive, 53%);
+    border-color: darken(@brand-positive, 7%);
+    color: darken(@brand-positive, 7%);
+  }
 }
 .btn-default { .btn-styles(@btn-default-bg); }
 .btn-primary { .btn-styles(@btn-primary-bg); }