_vars.scss in romo-0.10.0

- old
+ new

@@ -33,38 +33,39 @@
 
 $notAllowedCursor: not-allowed;
 
 /* colors */
 
-$baseBackground:    #fff;
-$altBackground:     #ededed;
-$stripedBackground: #fafafa;
-$backgroundHover:   #f5f5f5;
-
 $baseColor:     #444;
+$altColor:      #444;
 $disabledColor: #999;
 
+$baseBgColor:    #fff;
+$altBgColor:     #ededed;
+$stripedBgColor: #fafafa;
+$bgColorHover:   #f5f5f5;
+
 $baseBorderColor:  #ccc;
 $altBorderColor:   #fff;
 
 $linkColor:      #08c;
 $linkColorHover: darken($linkColor, 15%);
 
-$inputBackground:         #fff;
-$inputAltBackground:      #eee;
-$inputColor:              #444;
-$inputDisabledColor:      #eee;
-$inputFocusColor:         rgba(82, 168, 236, 0.8);
-$inputHighlightBackround: #3c83c7;
+$inputBgColor:          #fff;
+$inputAltBgColor:       #eee;
+$inputColor:            #444;
+$inputDisabledColor:    #eee;
+$inputFocusColor:       rgba(82, 168, 236, 0.8);
+$inputHighlightBgColor: #3c83c7;
 
 $btnBorder:                     $baseBorderColor;
-$btnBackground:                 $baseBackground;
+$btnBackground:                 $baseBgColor;
 $btnBackgroundHighlight:        darken($btnBackground, 10%);
 $btnColor:                      $baseColor;
 $btnColorHover:                 #333;
 
-$btnAltBackground:              $altBackground;
+$btnAltBackground:              $altBgColor;
 $btnAltBackgroundHighlight:     darken($btnAltBackground, 10%);
 $btnAltColor:                   $btnColor;
 
 $btnPrimaryBackground:          $linkColor;
 $btnPrimaryBackgroundHighlight: adjust_hue($btnPrimaryBackground, 20%);
@@ -88,10 +89,22 @@
 
 $btnInverseBackground:          #444;
 $btnInverseBackgroundHighlight: #222;
 $btnInverseColor:               #fff;
 
+$baseText:               $baseColor;
+$baseTextHover:          $baseText;
+$baseBackground:         $baseBgColor;
+$baseBackgroundHover:    $baseBackground;
+$baseBorder:             $baseBorderColor;
+
+$altText:                $altColor;
+$altTextHover:           $altColor;
+$altBackground:          $altBgColor;
+$altBackgroundHover:     $altBackground;
+$altBorder:              $altBorderColor;
+
 $mutedText:              #999999;
 $mutedTextHover:         darken($mutedText, 10%);
 $mutedBackground:        #f9f9f9;
 $mutedBackgroundHover:   darken($mutedBackground, 5%);
 $mutedBorder:            darken(adjust_hue($mutedBackground, -10), 5%);
@@ -124,18 +137,18 @@
 $inverseTextHover:       darken($inverseText, 10%);
 $inverseBackground:      #444444;
 $inverseBackgroundHover: darken($inverseBackground, 5%);
 $inverseBorder:          darken(adjust_hue($inverseBackground, -10), 3%);
 
-$tabBackground:       $altBackground;
-$tabBackgroundHover:  darken($altBackground, 5%);
-$tabBackgroundActive: #222;
-$tabColor:            $baseColor;
-$tabColorActive:      #fff;
-$tabColorDisabled:    $disabledColor;
+$tabBgColor:       $altBgColor;
+$tabBgColorHover:  darken($altBgColor, 5%);
+$tabBgColorActive: #222;
+$tabColor:         $baseColor;
+$tabColorActive:   #fff;
+$tabColorDisabled: $disabledColor;
 
-$tooltipBackground:   #222;
-$tooltipColor:        #eee;
+$tooltipBgColor:   #222;
+$tooltipColor:     #eee;
 
 /* borders */
 
 $borderSize1: 1px;
 $borderSize0: $borderSize1 * 1;