Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
//## Default dark header theme color file
2 
 
3 
@import '../../../global/_variables';  // global metronic framework variables
4 
@import '../../../global/components/_mixins'; // global metronic framework mixings
5 
 
6 
@import '../_variables'; // theme level variables
7 
 
8 
// Theme Colors Settigns
9 
 
10 
// Main settings
11 
$theme-name:                                                    		"default";
12 
$brand-main-color:                                               		#5b9bd1 !default;
13 
$brand-main-font-color:													#ffffff !default;
14 
 
15 
// Body and header
16 
$bg-color:                                                         		darken(#F0F2F7, 2%) !default;
17 
$header-bg-color:														#3B3F51 !default;
18 
$header-top-shadow:                                                     0px 1px 10px 0px rgba(50, 50, 50, 0.2);
19 
$header-mobile-menu-border:                                             lighten($header-bg-color, 3%);
20 
 
21 
// Header search
22 
$header-search-bg-color:                                        		$header-bg-color !default;
23 
$header-search-font-color:                                      		lighten($header-bg-color, 25%) !default;
24 
$header-search-placeholder-font-color:                          		darken($header-search-font-color, 1%) !default;
25 
 
26 
//Sidebar toggler
27 
$header-toggler-img:                                                   'sidebar-toggle-light.png';
28 
 
29 
// Top menu
30 
$header-top-menu-bg-hover-color:                                		lighten($header-bg-color, 2%) !default;
31 
$header-top-menu-bg-hover-color-on-dropdown-open:               		lighten($header-bg-color, 2%) !default;
32 
$header-top-menu-badge-bg-color:                                		$brand-main-color;
33 
$header-top-menu-badge-font-color:                              		lighten($header-bg-color, 15%) !default;
34 
$header-top-menu-icon-font-color:                               		lighten($header-bg-color, 25%) !default;
35 
 
36 
// Top menu user bar
37 
$header-top-menu-user-font-color:                                       lighten($header-bg-color, 45%) !default;
38 
$header-top-menu-user-bg-color:                                 		none !default;
39 
 
40 
//begin: Top Menu Extended Dropdowns
41 
$header-top-menu-extended-separator-bg-color: 							darker(#f8f9fa, 5%);
42 
$header-top-menu-extended-dropdown-item-bg-color-on-hover:              #f8f9fa;
43 
$header-top-menu-extended-dropdown-item-border-color:                   #EFF2F6;
44 
$header-top-menu-extended-dropdown-item-font-color:						#888888;
45 
 
46 
$header-top-menu-extended-dropdown-header-bg-color:						darken($bg-color, 2%);
47 
$header-top-menu-extended-dropdown-border-color:                        darken($header-top-menu-extended-dropdown-header-bg-color, 2%);
48 
$header-top-menu-extended-dropdown-header-font-color:					darken(#6f949c, 5%);
49 
 
50 
$header-top-menu-inbox-dropdown-from-font-color:						#5b9bd1;
51 
 
52 
$header-top-menu-task-dropdown-progress-bg-color:						#dfe2e9;
53 
 
54 
$header-top-menu-notification-time-bg-color:							lighten(#eee, 1%);
55 
 
56 
// Top Menu Notifications
57 
$header-hor-menu-bg-color:                                              lighten($header-bg-color, 3%);
58 
$header-top-menu-dropdown-dark-bg-color: 								lighten($header-hor-menu-bg-color, 10%);
59 
$header-top-menu-dropdown-dark-header-bg-color:							lighten($header-hor-menu-bg-color, 2%);
60 
$header-top-menu-dropdown-dark-header-font-color:						lighten($header-top-menu-dropdown-dark-header-bg-color, 50%);
61 
 
62 
$header-top-menu-dropdown-dark-item-font-color:							lighten($header-top-menu-dropdown-dark-header-bg-color, 55%);
63 
$header-top-menu-dropdown-dark-item-border-color:						lighten($header-top-menu-dropdown-dark-bg-color, 6%);
64 
$header-top-menu-dropdown-dark-item-icon-color:							lighten($header-top-menu-dropdown-dark-header-bg-color, 45%);
65 
$header-top-menu-dropdown-dark-item-bg-color-on-hover:					lighten($header-top-menu-dropdown-dark-bg-color, 4%);
66 
 
67 
$header-top-menu-dropdown-dark-default-menu-divider:					$header-top-menu-dropdown-dark-item-border-color;
68 
$header-top-menu-dropdown-dark-notification-time-bg-color:				darken($header-top-menu-dropdown-dark-bg-color, 5%);
69 
//end: Top Menu Extended Dropdowns
70 
 
71 
// Top menu dropdown
72 
$header-top-menu-dropdown-head-bg-color:                                lighten(#3D4A53, 35%);
73 
$header-top-menu-dropdown-head-font-color:                              lighten(#3D4A53, 95%);
74 
$header-top-menu-dropdown-border-color:                                 lighten(#3D4A53, 60%);
75 
 
76 
// Sidebar menu
77 
$sidebar-bg-color:                                                      #ffffff !default;
78 
 
79 
$sidebar-menu-heading-font-color:                                       #5C9ACF !default;
80 
 
81 
$sidebar-menu-link-font-color:                                  		darken(#768da2, 5%) !default;
82 
$sidebar-menu-link-font-color-on-hover:                         		$brand-main-color !default;
83 
$sidebar-menu-link-font-color-on-active:                        		$brand-main-color !default;
84 
 
85 
$sidebar-menu-link-icon-font-color:                             		darken(#b7c9d6, 5%) !default;
86 
$sidebar-menu-link-icon-font-color-on-active:                   		$brand-main-color !default;
87 
$sidebar-menu-link-icon-font-color-on-hover:                            $brand-main-color !default;
88 
 
89 
$sidebar-menu-link-bg-color-on-hover:                           		darken(#f9fbfc, 2%) !default;
90 
$sidebar-menu-link-bg-color-on-active:                          		darken(#f9fbfc, 2%) !default;
91 
 
92 
$sidebar-menu-arrow-color:                                      		lighten($sidebar-menu-link-icon-font-color, 3%) !default;
93 
$sidebar-menu-arrow-color-on-active:                            		lighten($sidebar-menu-link-icon-font-color-on-active, 3%) !default;
94 
$sidebar-menu-arrow-color-on-hover:                                     lighten($sidebar-menu-link-icon-font-color-on-hover, 3%) !default;
95 
 
96 
$sidebar-menu-sub-menu-link-font-color:                         		$sidebar-menu-link-font-color !default;
97 
$sidebar-menu-sub-menu-link-icon-font-color:                    		$sidebar-menu-link-icon-font-color !default;
98 
 
99 
$sidebar-menu-sub-menu-link-bg-color-on-hover:                  		$sidebar-menu-link-bg-color-on-hover !default;
100 
$sidebar-menu-sub-menu-link-font-color-on-hover:                  		$sidebar-menu-link-font-color-on-hover !default;
101 
$sidebar-menu-sub-menu-link-icon-font-color-on-hover:                   $sidebar-menu-link-icon-font-color-on-hover !default;
102 
 
103 
$sidebar-menu-sub-menu-box-shadow-color:                                darken($sidebar-menu-link-bg-color-on-hover, 30%) !default;
104 
$sidebar-menu-hover-sub-menu-bg-color:									#FFFFFF !default;
105 
 
106 
// Sidebar for mobile
107 
$mobile-sidebar-menu-bg-color:                           				darken($bg-color, 7%) !default;
108 
$mobile-sidebar-menu-link-bg-color-on-hover:             				darken($bg-color, 4%) !default;
109 
 
110 
// Footer
111 
$footer-fluid-font-color:                                               #69789E;
112 
$footer-default-font-color:                                     		#69789E !default;
113 
$footer-default-go-top-bg-color:                                		darken(#94A0B2, 10%) !default;
114 
$footer-default-go-top-icon-font-color:                          		lighten(#94A0B2, 40%) !default;
115 
$footer-fixed-bg-color: 												$bg-color !default;
116 
 
117 
@import '_base';