$component-page-header-background-color: $theme-primary !default;
$component-page-header-site-context-background-color: $theme-base !default;
$component-page-header-navigation-border-color: $theme-primary-2 !default;
//Menu Close Text and Icon
$component-page-header-content-close-color: $theme-text-inverse !default;
$component-page-header-content-close-color-hover: $theme-text-inverse !default;
$component-page-header-content-close-color-active: $theme-text-inverse !default;
$component-page-header-content-close-color-visited: $theme-text-inverse !default;
$component-page-header-content-close-color-focus: $theme-text-inverse !default;
//Menu Open Text and Icon
$component-page-header-content-open-color: $theme-text-inverse !default;
$component-page-header-content-open-color-hover: $theme-text-inverse !default;
$component-page-header-content-open-color-active: $theme-text-inverse !default;
$component-page-header-content-open-color-visited: $theme-text-inverse !default;
$component-page-header-content-open-color-focus: $theme-text-inverse !default;