Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
//## Default 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:                                               		darken(#ED6262, 5%) !default;
13 
$brand-main-font-color:													#ffffff !default;
14 
 
15 
// Body and header
16 
$bg-color:                                                         		lighten(#C0C6C2, 18%) !default;
17 
$header-logo-bg-color:													$brand-main-color !default;
18 
$header-top-bg-color:													#ffffff !default;
19 
$header-top-shadow:                                                     0px 1px 10px 0px rgba(50, 50, 50, 0.2);
20 
 
21 
// Header search
22 
$header-search-bg-color:                                        		darken($header-top-bg-color, 3%) !default;
23 
$header-search-font-color:                                      		darken(#889EB2, 3%) !default;
24 
$header-search-placeholder-font-color:                          		darken($header-search-font-color, 1%) !default;
25 
 
26 
// Top menu
27 
$header-top-menu-bg-hover-color:                                		lighten(#F6F7FA, 1%) !default;
28 
$header-top-menu-bg-hover-color-on-dropdown-open:               		lighten(#F6F7FA, 1%) !default;
29 
$header-top-menu-badge-bg-color:                                		$brand-main-color;
30 
$header-top-menu-badge-font-color:                              		#ffffff;
31 
$header-top-menu-icon-font-color:                               		#C0CDDC !default;
32 
 
33 
// Top menu user bar
34 
$header-top-menu-user-font-color:                                       darken(#889EB2, 3%) !default;
35 
$header-top-menu-user-bg-color:                                 		none !default;
36 
 
37 
//begin: Top Menu Extended Dropdowns
38 
$header-top-menu-extended-dropdown-item-bg-color-on-hover:              #f8f9fa;
39 
$header-top-menu-extended-dropdown-item-border-color:                   #EFF2F6;
40 
$header-top-menu-extended-dropdown-item-font-color:						#888888;
41 
 
42 
$header-top-menu-extended-dropdown-header-bg-color:						darken(#f7f8fa, 4%);
43 
$header-top-menu-extended-dropdown-border-color:                        darken($header-top-menu-extended-dropdown-header-bg-color, 2%);
44 
$header-top-menu-extended-dropdown-header-font-color:					darken(#6f949c, 5%);
45 
 
46 
$header-top-menu-inbox-dropdown-from-font-color:						#5b9bd1;
47 
 
48 
$header-top-menu-task-dropdown-progress-bg-color:						#dfe2e9;
49 
 
50 
$header-top-menu-notification-time-bg-color:							lighten(#eee, 1%);
51 
 
52 
// Top Menu Notifications
53 
$header-hor-menu-bg-color:                                              darken(#F1F3F3, 40%) !default;
54 
$header-top-menu-dropdown-dark-bg-color: 								lighten($header-hor-menu-bg-color, 10%);
55 
$header-top-menu-dropdown-dark-header-bg-color:							lighten($header-hor-menu-bg-color, 2%);
56 
$header-top-menu-dropdown-dark-header-font-color:						lighten($header-top-menu-dropdown-dark-header-bg-color, 50%);
57 
 
58 
$header-top-menu-dropdown-dark-item-font-color:							lighten($header-top-menu-dropdown-dark-header-bg-color, 55%);
59 
$header-top-menu-dropdown-dark-item-border-color:						lighten($header-top-menu-dropdown-dark-bg-color, 6%);
60 
$header-top-menu-dropdown-dark-item-icon-color:							lighten($header-top-menu-dropdown-dark-header-bg-color, 45%);
61 
$header-top-menu-dropdown-dark-item-bg-color-on-hover:					lighten($header-top-menu-dropdown-dark-bg-color, 4%);
62 
 
63 
$header-top-menu-dropdown-dark-default-menu-divider:					$header-top-menu-dropdown-dark-item-border-color;
64 
$header-top-menu-dropdown-dark-notification-time-bg-color:				darken($header-top-menu-dropdown-dark-bg-color, 5%);
65 
//end: Top Menu Extended Dropdowns
66 
 
67 
// Top menu dropdown
68 
$header-top-menu-dropdown-head-bg-color:                                lighten(#3D4A53, 35%);
69 
$header-top-menu-dropdown-head-font-color:                              lighten(#3D4A53, 95%);
70 
$header-top-menu-dropdown-border-color:                                 lighten(#3D4A53, 60%);
71 
 
72 
// Sidebar menu
73 
$sidebar-bg-color:                                                      darken(#F1F3F3, 40%) !default;
74 
$sidebar-menu-devider-border-color:                             		lighten($sidebar-bg-color, 8%) !default;
75 
 
76 
$sidebar-menu-link-font-color:                                  		lighten($sidebar-bg-color, 80%) !default;
77 
$sidebar-menu-link-font-color-on-hover:                         		lighten($sidebar-bg-color, 90%) !default;
78 
$sidebar-menu-link-font-color-on-active:                        		lighten($sidebar-bg-color, 100%) !default;
79 
 
80 
$sidebar-menu-link-icon-font-color:                             		lighten(#F1F3F3, 1%) !default;
81 
$sidebar-menu-link-icon-font-color-on-active:                   		lighten($brand-main-color, 2%) !default;
82 
$sidebar-menu-link-icon-font-color-on-hover:                            lighten($sidebar-menu-link-icon-font-color, 5%) !default;
83 
 
84 
$sidebar-menu-link-bg-color-on-hover:                           		#303030 !default;
85 
$sidebar-menu-link-bg-color-on-active:                          		$brand-main-color;
86 
 
87 
$sidebar-menu-arrow-color:                                      		lighten($sidebar-bg-color, 12%) !default;
88 
$sidebar-menu-arrow-color-on-active:                            		darken($sidebar-menu-link-font-color-on-active, 4%) !default;
89 
$sidebar-menu-arrow-color-on-hover:                                     $sidebar-menu-link-icon-font-color-on-hover !default;
90 
 
91 
$sidebar-menu-sub-menu-box-shadow-color:                                $sidebar-menu-link-bg-color-on-hover !default;
92 
$sidebar-menu-sub-menu-link-font-color:                         		lighten($sidebar-bg-color, 55%) !default;
93 
$sidebar-menu-sub-menu-link-icon-font-color:                    		darken($sidebar-menu-sub-menu-link-font-color, 5%) !default;
94 
$sidebar-menu-sub-menu-link-bg-color-on-hover:                  		darken($sidebar-bg-color, 3%) !default;
95 
$sidebar-menu-sub-menu-link-icon-font-color-on-hover:                   $sidebar-menu-link-icon-font-color-on-hover !default;
96 
 
97 
$sidebar-menu-hover-sub-menu-bg-color:									darken($sidebar-bg-color, 6%) !default;
98 
 
99 
// Sidebar for mobile
100 
$mobile-sidebar-menu-bg-color:                           				darken($bg-color, 7%) !default;
101 
$mobile-sidebar-menu-link-bg-color-on-hover:             				darken($bg-color, 4%) !default;
102 
 
103 
// Footer
104 
$footer-fluid-font-color:                                               darken($sidebar-menu-link-font-color, 10%);
105 
$footer-default-font-color:                                     		darken(#3D4A53, 20%) !default;
106 
$footer-default-go-top-bg-color:                                		darken(#94A0B2, 10%) !default;
107 
$footer-default-go-top-icon-font-color:                          		lighten(#94A0B2, 40%) !default;
108 
$footer-fixed-bg-color: 												darken($bg-color, 10%) !default;
109 
 
110 
//Boxed layout
111 
$for-min-992px-page-boxed-page-container-bg-color:              		$sidebar-menu-devider-border-color !default;
112 
$for-min-992px-page-boxed-bg-color:                             		darken($bg-color, 3%) !default;
113 
$for-min-992px-page-boxed-sidebar-fixed-border-color:           		$sidebar-menu-devider-border-color !default;
114 
 
115 
@import '_base';