         
         // apply alpha to border and chromeColor
         border.alpha = backgroundAlphaValue;
-        var backgroundAlphas:Array = [backgroundAlphaValue, backgroundAlphaValue, backgroundAlphaValue];
+        var backgroundAlphas:Array = [backgroundAlphaValue, backgroundAlphaValue];
         
         // exclude top and bottom 1px borders
         matrix.createGradientBox(unscaledWidth, unscaledHeight - (layoutBorderHeight * 2), Math.PI / 2, 0, 0);
         
         colors[0] = ColorUtil.adjustBrightness2(chromeColor, 20);
         colors[1] = chromeColor;
-        colors[2] = ColorUtil.adjustBrightness2(chromeColor, -20);
-        
-        chromeColorGraphics.beginGradientFill(GradientType.LINEAR, colors, backgroundAlphas, ratios, matrix);
+        
+        chromeColorGraphics.beginGradientFill(GradientType.LINEAR, colors, backgroundAlphas, ACTIONBAR_CHROME_COLOR_RATIOS, matrix);
     }
     
     override protected function drawChromeColor(chromeColorGraphics:Graphics, unscaledWidth:Number, unscaledHeight:Number):void

        
        useChromeColor = true;
        
        // common
        borderClass = ActionBarBackground;
        
        switch (authorDensity)
        {
            case DeviceDensity.PPI_240:
            {
                layoutBorderHeight = 1;

                // default PPI160
                layoutBorderHeight = 1;
                layoutShadowHeight = 3;
                layoutContentGroupHeight = 43;
                layoutTitleGroupHorizontalPadding = 13;
                
                borderClass = spark.skins.mobile.assets.ActionBarBackground;
                
                break;
            }
