$kitchensink-header-background-color: #333;
$kitchensink-header-text-color: #fff;
$kitchensink-header-text-shadow-color: null;
$kitchensink-header-use-gradient: true;

@if $theme-name == 'theme-neptune' or $theme-name == 'theme-neptune-touch' {
    $kitchensink-header-background-color: #81af34;
    $kitchensink-header-text-shadow-color: #4e691f;
} @else if $theme-name == 'theme-classic' or $theme-name == 'theme-gray' {
    $kitchensink-header-background-color: darken($base-color, 55%);
} @else if $theme-name == 'theme-crisp' or $theme-name == 'theme-crisp-touch' {
    $kitchensink-header-background-color: #2a3f5d;
    $kitchensink-header-use-gradient: false;
} @else if $theme-name == 'theme-triton' {
    $kitchensink-header-background-color: #28384a;
    $kitchensink-header-use-gradient: false;
}

#app-header {
    background-color: $kitchensink-header-background-color;
    @if $kitchensink-header-use-gradient {
        @include background-image(linear-gradient(top, lighten($kitchensink-header-background-color, 5), darken($kitchensink-header-background-color, 5)));
    }
	border-bottom: 1px solid darken($kitchensink-header-background-color, 15);

    @if $theme-name == 'theme-neptune' {
        .#{$prefix}nlg & {
            background-image: url(get-resource-path('images/header-bg.png', 'toolkit'));
        }
    }
}

#app-header-title,
#app-header-logo {
    color: white;
    @if $kitchensink-header-text-shadow-color != null {
        text-shadow: 0 1px 0 $kitchensink-header-text-shadow-color;
    }
}

#app-header-title {
    padding: 10px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
}

#app-header-logo {
    font-size: 26px;
    line-height: 1.2;
    margin: 0 10px;
}