Merge pull request 'task/change-donationelement-color' (#2969) from task/change-donationelement-color into master

Reviewed-on: #2969

look/bootstrap/variables.less

@@ -42,6 +42,16 @@
 @brand-danger:          #d9534f;
 @brand-info:            #5bc0de;
 
+/* Color for the donation buttons
+   un/comment the color set you want to use
+ */
+/* green */
+@brand-donation:        @brand-success;
+/* orange */
+//@brand-donation:        #fab500;
+
+@brand-donation-border: darken(@brand-donation, 5%);
+
 /* Fellowship colors */
 @fellowship-dark:       rgb(99, 152, 41);
 @fellowship-bright:     rgb(69, 121, 122);

look/elements/banners.less

@@ -36,5 +36,5 @@
     .banner();
     color: white;
     font-size: 125%;
-    background-color: @brand-mix;
+    background-color: @brand-donation;
 }

look/elements/topbanner.less

@@ -49,6 +49,11 @@ div.topbanner {
             .btn-success {
               font-weight: 500;
               font-size: 125%;
+              background-color: @brand-donation;
+              border-color: @brand-donation-border;
+            }
+            .btn-success:hover, .btn-success:active, .btn-success:focus {
+              background-color: darken(@brand-donation, 5%);
             }
           }
         }

look/style.less

@@ -265,8 +265,15 @@ nav#menu {
             }
 
             li#menu-donate {
-                a, a:hover {
+                a {
+                    .btn-success;
+                    background-color: @brand-donation;
+                    border-color: @brand-donation-border;
+                }
+                a:hover, a:active, a:focus {
                     .btn-success;
+                    background-color: darken(@brand-donation, 5%)!important;
+                    border-color: @brand-donation-border!important;
                 }
             }
         }