massive update to customize page to include all the new variables (and ensure they're being used in the .less files)

2 files changed, 8 insertions, 7 deletions

diff --git a/less/hero-unit.less b/less/hero-unit.less
index cba1cc46cf..0ffe82962a 100644
--- a/less/hero-unit.less
+++ b/less/hero-unit.less
@@ -4,17 +4,19 @@
 .hero-unit {
   padding: 60px;
   margin-bottom: 30px;
-  background-color: #f5f5f5;
+  background-color: @heroUnitBackground;
   .border-radius(6px);
   h1 {
     margin-bottom: 0;
     font-size: 60px;
     line-height: 1;
+    color: @heroUnitHeadingColor;
     letter-spacing: -1px;
   }
   p {
     font-size: 18px;
     font-weight: 200;
     line-height: @baseLineHeight * 1.5;
+    color: @heroUnitLeadColor;
   }
 }
diff --git a/less/variables.less b/less/variables.less
index fef3ee0ee5..f3ba7122ac 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -40,7 +40,7 @@
 // Links
 // -------------------------
 @linkColor:             #08c;
-@linkColorHover:        #069;
+@linkColorHover:        darken(@linkColor, 15%);
 
 
 // Typography
@@ -67,7 +67,7 @@
 // -------------------------
 @btnBackground:                     @white;
 @btnBackgroundHighlight:            darken(@white, 10%);
-@btnBorder:                         #ccc;
+@btnBorder:                         darken(@white, 20%);
 
 @btnPrimaryBackground:              @linkColor;
 @btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, 15%);
@@ -92,7 +92,6 @@
 // -------------------------
 @inputBackground:               @white;
 @inputBorder:                   #ccc;
-
 @inputDisabledBackground:       @grayLighter;
 
 
@@ -153,9 +152,9 @@
 
 // Hero unit
 // -------------------------
-@heroUnitBackground:              #312f2e;
-@heroUnitHeadingColor:            @white;
-@heroUnitLeadColor:               @white;
+@heroUnitBackground:              @grayLighter;
+@heroUnitHeadingColor:            inherit;
+@heroUnitLeadColor:               inherit;
 
 
 // Form states and alerts