From bfe79d7a455f733645fd472f73debb5fdf452140 Mon Sep 17 00:00:00 2001
From: Yuriy Dybskiy <yuriy@dybskiy.com>
Date: Wed, 10 Oct 2012 05:02:35 -0700
Subject: [PATCH] Add nice colors and gradients to buttons

---
 packages/accounts-ui/login_buttons.less | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/accounts-ui/login_buttons.less b/packages/accounts-ui/login_buttons.less
index 640e9e11d1..937cbac034 100644
--- a/packages/accounts-ui/login_buttons.less
+++ b/packages/accounts-ui/login_buttons.less
@@ -109,8 +109,9 @@
     border-top-color: #103372;
     border-left-color: #103372;
     .border-radius(3px);
-}
 
+    text-shadow: 0px -1px 0px #3b64bd; color: #ffffff; background-color: #5982DB; background-image: -moz-linear-gradient(top, #77a0f9, #3b64bd); background-image: -ms-linear-gradient(top, #77a0f9, #3b64bd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#77a0f9), to(#3b64bd)); background-image: -webkit-linear-gradient(top, #77a0f9, #3b64bd); background-image: -o-linear-gradient(top, #77a0f9, #3b64bd); background-image: linear-gradient(top, #77a0f9, #3b64bd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a0f9', endColorstr='#3b64bd', GradientType=0); border-color: #5982DB #3b64bd #3b64bd #5982DB; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
+}
 
 #login-buttons .login-button-disabled, .accounts-dialog .login-button-disabled {
     color: #ccc;
@@ -145,7 +146,7 @@ out-of-the-box in more apps.
 
 #login-buttons {
   .login-header { margin-right: 4px; }
-  .configure-button { background: red; }
+  .configure-button { text-shadow: 0px -1px 0px #e12600; color: #ffffff; background-color: #FF4409; background-image: -moz-linear-gradient(top, #ff6227, #e12600); background-image: -ms-linear-gradient(top, #ff6227, #e12600); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6227), to(#e12600)); background-image: -webkit-linear-gradient(top, #ff6227, #e12600); background-image: -o-linear-gradient(top, #ff6227, #e12600); background-image: linear-gradient(top, #ff6227, #e12600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6227', endColorstr='#e12600', GradientType=0); border-color: #FF4409 #e12600 #e12600 #FF4409; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
   .login-link-text { margin-left: 5px; /* so that other elements aren't too close */ }
 
   .login-image {