[ux] making buttons prettier, changing bg color to suit the header

phlipper · Dec 13, 2012 · 51f93e9 · 51f93e9
1 parent 791007b
commit 51f93e9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/assets/stylesheets/bootstrap_and_overrides.css.less b/app/assets/stylesheets/bootstrap_and_overrides.css.less
@@ -20,7 +20,7 @@
 // Gives us our custom designed buttons
 @buttonRadius:  20px;
 @btnBorder:     #c3c3c3;
-@btnBackground: #e4e4e4;
+@btnBackground: #eaeaea;
 
 // Gives us our flat buttons
 .buttonBackgroundOverrides(@color, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
@@ -33,8 +33,9 @@
 
 .btn {
   .border-radius(@buttonRadius);
-  .box-shadow(~"inset 0 3px 2px rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.2)");
+  .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.9), 0 1px 0 rgba(0, 0, 0, .3)");
   .buttonBackgroundOverrides(@btnBackground, @grayDark, 0 1px 1px rgba(255,255,255,.75));
+  text-shadow: 0 1px 0 #fff;
   padding: 7px 12px;
 
   &:hover {

diff --git a/app/assets/stylesheets/site.css.scss b/app/assets/stylesheets/site.css.scss
@@ -1,7 +1,7 @@
 @import 'variables.css.scss';
 
 body{
-  background-color: #e3e3e3;
+  background-color: #a63636;
   margin:0;
   padding:0;
 }