@import "../../variables-base";

// base overrides
$primaryColor: $blue700;
$darkerPrimaryColor: $blue700;
$lighterPrimaryColor: $grey600;
$accentColor: $pinkA200;
$darkerAccentColor: $pinkA400;
$lighterAccentColor: $pinkA100;

$textColor: $fullWhite;
$secondaryTextColor: fade($fullWhite, 70%);
$alternateTextColor: #303030;
$borderColor: fade($fullWhite, 30%);
$disabledColor: fade($fullWhite, 30%);

// background
$backgroundColor: #303030;
$statusBarBackgroundColor: $fullBlack;
$appbarBackgroundColor: $grey900;
$dialogBackgroundColor: #424242; // dialogs or cards

// icon
$activeIconColor: fade($fullWhite, 100%);
$inActiveIconColor: fade($fullWhite, 50%);

@import "../../variables-theme";

// component overrides
$avatarBackgroundColor: lighten($alternateTextColor, 26%);
$datePickerHeaderColor: fade($fullWhite, 12%);
$timePickerHeaderColor: fade($fullWhite, 12%);
$timePickerClockCircleColor: fade($fullWhite, 12%);
$avatarBackgroundColor: lighten($alternateTextColor, 26%);
$chipColor: lighten($alternateTextColor, 12%);
$floatButtonDisabledColor: lighten($alternateTextColor, 12%);

$tableRowHoverBackgroundColor: fade($textColor, 10%);
$tableRowSelectedBackgroundColor: fade($textColor, 5%);
$datePickerTextColor: $textColor;
$timePickerColor: $textColor;