readable: change primary color from red to orange, use palette for alerts

[bootswatch] / readable / variables.less

diff --git a/readable/variables.less b/readable/variables.less
index 5e5dd6f..8c98ce7 100644 (file)
--- a/readable/variables.less
+++ b/readable/variables.less
@@ -24,8 +24,8 @@
 @blueDark:              #0064cd;
 @green:                 #1C9B47;
 @red:                   #9c0001;
-@yellow:                #ffc40d;
-@orange:                #f89406;
+@yellow:                #F8D60D;
+@orange:                #E78B24;
 @pink:                  #c3325f;
 @purple:                #7a43b6;
 
@@ -38,7 +38,7 @@
 
 // Links
 // -------------------------
-@linkColor:             @red;
+@linkColor:             @orange;
 @linkColorHover:        darken(@linkColor, 5%);
 
 
@@ -84,8 +84,8 @@
 
 // Buttons
 // -------------------------
-@btnBackground:                     @white;
-@btnBackgroundHighlight:            darken(@white, 10%);
+@btnBackground:                     @grayLighter;
+@btnBackgroundHighlight:            darken(@grayLighter, 5%);
 @btnBorder:                         #ccc;
 
 @btnPrimaryBackground:              lighten(@linkColor, 5%);
@@ -97,8 +97,8 @@
 @btnSuccessBackground:              lighten(@green, 5%);
 @btnSuccessBackgroundHighlight:     @green;
 
-@btnWarningBackground:              lighten(@orange, 5%);
-@btnWarningBackgroundHighlight:     @orange;
+@btnWarningBackground:              lighten(@yellow, 5%);
+@btnWarningBackgroundHighlight:     @yellow;
 
 @btnDangerBackground:               lighten(@red, 5%);
 @btnDangerBackgroundHighlight:      @red;
@@ -172,7 +172,7 @@
 
 // Wells
 // -------------------------
-@wellBackground:                  #f5f5f5;
+@wellBackground:                  #fefefe;
 
 
 // Navbar
@@ -223,26 +223,26 @@
 
 // Hero unit
 // -------------------------
-@heroUnitBackground:              @grayLighter;
+@heroUnitBackground:              #fefefe;
 @heroUnitHeadingColor:            inherit;
 @heroUnitLeadColor:               inherit;
 
 
 // Form states and alerts
 // -------------------------
-@warningText:             #c09853;
+@warningText:             @orange;
 @warningBackground:       #fcf8e3;
 @warningBorder:           darken(spin(@warningBackground, -10), 3%);
 
-@errorText:               #b94a48;
+@errorText:               @red;
 @errorBackground:         #f2dede;
 @errorBorder:             darken(spin(@errorBackground, -10), 3%);
 
-@successText:             #468847;
+@successText:             @green;
 @successBackground:       #dff0d8;
 @successBorder:           darken(spin(@successBackground, -10), 5%);
 
-@infoText:                #3a87ad;
+@infoText:                @blue;
 @infoBackground:          #d9edf7;
 @infoBorder:              darken(spin(@infoBackground, -10), 7%);