$appTransparency :rgb(153, 153, 153);

$themePrimaryColor: #FF6FFF ;
$themeSecondaryColor : #FF6FFF;
$themeFontColor : rgba(255,255,255,0.70);;
$themeFontFamily: Roboto,Trebuchet MS,Arial,Helvetica,sans-serif;

$appBackground :#000000;
$appBackgroundImage : url('/assets/images/theme/bootstrap/matrix-bg.png');

$appHeaderBGColor :#000000;
$appHeaderFontColor :$themeSecondaryColor;
$appHeaderMenuBGColor :$appHeaderBGColor;
$appHeaderMenuFontColor :$appHeaderFontColor;
$appHeaderHoverBGColor : rgba(189, 127, 189, 0.6);;
$appHeaderHoverFontColor : $themeFontColor;;
/* Component Specific Variables */

$componentBGColor :#000000;
$componentFontColor : $themeFontColor;

$componentHoverBGColor :  rgba(189, 127, 189, 0.6);
$componentHoverFontColor : $themeSecondaryColor;
$componentActiveBGColor : $componentBGColor;
$componentActiveFontColor : $themeSecondaryColor;
$componentDisabledBGColor : rgb(160, 158, 158);
$componentDisabledFontColor : $themeSecondaryColor;

$componentHeaderBGColor : rgba(189, 127, 189, 0.6);
$componentHeaderFontColor : $themeSecondaryColor;
$componentFooterBGColor :rgba(189, 127, 189, 0.6);
$componentFooterFontColor : $themeSecondaryColor;

$componentDataBGColor : $themePrimaryColor;
$componentDataFontColor : $appHeaderFontColor;
