-// Readable 2.2.1
+// Readable 2.3.1
// Variables
// --------------------------------------------------
@blueDark: #0064cd;
@green: #1C9B47;
@red: #9c0001;
-@yellow: #ffc40d;
-@orange: #f89406;
+@yellow: #F8D60D;
+@orange: #E78B24;
@pink: #c3325f;
@purple: #7a43b6;
// Links
// -------------------------
-@linkColor: @red;
+@linkColor: @orange;
@linkColorHover: darken(@linkColor, 5%);
@serifFontFamily: "Lora", Georgia, "Times New Roman", Times, serif;
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
-@baseFontSize: 18px;
+@baseFontSize: 17px;
@baseFontFamily: @serifFontFamily;
@baseLineHeight: 26px;
@altFontFamily: @sansFontFamily;
@paddingLarge: 11px 19px; // 44px
@paddingSmall: 2px 10px; // 26px
-@paddingMini: 1px 6px; // 24px
+@paddingMini: 0px 6px; // 22px
@baseBorderRadius: 4px;
@borderRadiusLarge: 6px;
// Buttons
// -------------------------
-@btnBackground: @white;
-@btnBackgroundHighlight: darken(@white, 10%);
-@btnBorder: #bbb;
+@btnBackground: @grayLighter;
+@btnBackgroundHighlight: darken(@grayLighter, 5%);
+@btnBorder: #ccc;
@btnPrimaryBackground: lighten(@linkColor, 5%);
@btnPrimaryBackgroundHighlight: @linkColor;
@btnSuccessBackground: lighten(@green, 5%);
@btnSuccessBackgroundHighlight: @green;
-@btnWarningBackground: lighten(@orange, 5%);
-@btnWarningBackgroundHighlight: @orange;
+@btnWarningBackground: lighten(@yellow, 5%);
+@btnWarningBackgroundHighlight: @yellow;
@btnDangerBackground: lighten(@red, 5%);
@btnDangerBackgroundHighlight: @red;
@dropdownLinkColor: @grayDark;
@dropdownLinkColorHover: @white;
-@dropdownLinkColorActive: @dropdownLinkColor;
+@dropdownLinkColorActive: @white;
@dropdownLinkBackgroundActive: @linkColor;
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
// Wells
// -------------------------
-@wellBackground: #f5f5f5;
+@wellBackground: #fefefe;
// Navbar
// 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%);