Blame | Last modification | View Log | Download | RSS feed
//## Light header theme color file@import '../../../global/_variables'; // global metronic framework variables@import '../../../global/components/_mixins'; // global metronic framework mixings@import '../_variables'; // theme level variables// Theme Colors Settigns// Main settings$theme-name: "default";$brand-main-color: #5b9bd1 !default;$brand-main-font-color: #ffffff !default;// Body and header$bg-color: darken(#F0F2F7, 2%) !default;$header-bg-color: #FFFFFF !default;$header-top-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);$header-mobile-menu-border: lighten($bg-color, 7%);// Header search$header-search-bg-color: $header-bg-color !default;$header-search-font-color: darken(#F9FAFB, 14%) !default;$header-search-placeholder-font-color: darken($header-search-font-color, 1%) !default;//Sidebar toggler$header-toggler-img: 'sidebar-toggle-light.png';// Top menu$header-top-menu-bg-hover-color: lighten(#F6F7FA, 1%) !default;$header-top-menu-bg-hover-color-on-dropdown-open: lighten(#F6F7FA, 1%) !default;$header-top-menu-badge-bg-color: $brand-main-color;$header-top-menu-badge-font-color: #ffffff;$header-top-menu-icon-font-color: #C0CDDC !default;// Top menu user bar$header-top-menu-user-font-color: #7FB0DA !default;$header-top-menu-user-bg-color: none !default;//begin: Top Menu Extended Dropdowns$header-top-menu-extended-separator-bg-color: darker(#f8f9fa, 5%);$header-top-menu-extended-dropdown-item-bg-color-on-hover: #f8f9fa;$header-top-menu-extended-dropdown-item-border-color: #EFF2F6;$header-top-menu-extended-dropdown-item-font-color: #888888;$header-top-menu-extended-dropdown-header-bg-color: darken($bg-color, 2%);$header-top-menu-extended-dropdown-border-color: darken($header-top-menu-extended-dropdown-header-bg-color, 2%);$header-top-menu-extended-dropdown-header-font-color: darken(#6f949c, 5%);$header-top-menu-inbox-dropdown-from-font-color: #5b9bd1;$header-top-menu-task-dropdown-progress-bg-color: #dfe2e9;$header-top-menu-notification-time-bg-color: lighten(#eee, 1%);// Top Menu Notifications$header-hor-menu-bg-color: #3D4A53;$header-top-menu-dropdown-dark-bg-color: lighten($header-hor-menu-bg-color, 10%);$header-top-menu-dropdown-dark-header-bg-color: lighten($header-hor-menu-bg-color, 2%);$header-top-menu-dropdown-dark-header-font-color: lighten($header-top-menu-dropdown-dark-header-bg-color, 50%);$header-top-menu-dropdown-dark-item-font-color: lighten($header-top-menu-dropdown-dark-header-bg-color, 55%);$header-top-menu-dropdown-dark-item-border-color: lighten($header-top-menu-dropdown-dark-bg-color, 6%);$header-top-menu-dropdown-dark-item-icon-color: lighten($header-top-menu-dropdown-dark-header-bg-color, 45%);$header-top-menu-dropdown-dark-item-bg-color-on-hover: lighten($header-top-menu-dropdown-dark-bg-color, 4%);$header-top-menu-dropdown-dark-default-menu-divider: $header-top-menu-dropdown-dark-item-border-color;$header-top-menu-dropdown-dark-notification-time-bg-color: darken($header-top-menu-dropdown-dark-bg-color, 5%);//end: Top Menu Extended Dropdowns// Top menu dropdown$header-top-menu-dropdown-head-bg-color: lighten(#3D4A53, 35%);$header-top-menu-dropdown-head-font-color: lighten(#3D4A53, 95%);$header-top-menu-dropdown-border-color: lighten(#3D4A53, 60%);// Sidebar menu$sidebar-bg-color: #ffffff !default;$sidebar-menu-heading-font-color: #5C9ACF !default;$sidebar-menu-link-font-color: darken(#768da2, 20%) !default;$sidebar-menu-link-font-color-on-hover: $brand-main-color !default;$sidebar-menu-link-font-color-on-active: $brand-main-color !default;$sidebar-menu-link-icon-font-color: darken(#b7c9d6, 10%) !default;$sidebar-menu-link-icon-font-color-on-active: $brand-main-color !default;$sidebar-menu-link-icon-font-color-on-hover: $brand-main-color !default;$sidebar-menu-link-bg-color-on-hover: darken(#f9fbfc, 2%) !default;$sidebar-menu-link-bg-color-on-active: darken(#f9fbfc, 2%) !default;$sidebar-menu-arrow-color: lighten($sidebar-menu-link-icon-font-color, 3%) !default;$sidebar-menu-arrow-color-on-active: lighten($sidebar-menu-link-icon-font-color-on-active, 3%) !default;$sidebar-menu-arrow-color-on-hover: lighten($sidebar-menu-link-icon-font-color-on-hover, 3%) !default;$sidebar-menu-sub-menu-link-font-color: $sidebar-menu-link-font-color !default;$sidebar-menu-sub-menu-link-icon-font-color: $sidebar-menu-link-icon-font-color !default;$sidebar-menu-sub-menu-link-bg-color-on-hover: $sidebar-menu-link-bg-color-on-hover !default;$sidebar-menu-sub-menu-link-font-color-on-hover: $sidebar-menu-link-font-color-on-hover !default;$sidebar-menu-sub-menu-link-icon-font-color-on-hover: $sidebar-menu-link-icon-font-color-on-hover !default;$sidebar-menu-sub-menu-box-shadow-color: darken($sidebar-menu-link-bg-color-on-hover, 30%) !default;$sidebar-menu-hover-sub-menu-bg-color: #FFFFFF !default;// Sidebar for mobile$mobile-sidebar-menu-bg-color: darken($bg-color, 7%) !default;$mobile-sidebar-menu-link-bg-color-on-hover: darken($bg-color, 4%) !default;// Footer$footer-fluid-font-color: darken($sidebar-menu-link-font-color, 10%);$footer-default-font-color: darken(#3D4A53, 30%) !default;$footer-default-go-top-bg-color: darken(#94A0B2, 10%) !default;$footer-default-go-top-icon-font-color: lighten(#94A0B2, 40%) !default;$footer-fixed-bg-color: $bg-color !default;@import '_base';