WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/sass/admin/layout/themes/grey.scss

Rev	Author	Line No.	Line
1	espaco	1	//## Grey 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: "grey";
		12	$brand-main-color: #31c7b2 !default;
		13	$brand-main-font-color: #ffffff !default;
		14
		15	// Body and header
		16	$bg-color: lighten(#697380, 3%) !default;
		17	$header-bg-color: lighten(#444D59, 5%) !default;
		18
		19	// Mega Menu
		20	$header-hor-menu-bg-color: $header-bg-color;
		21	$header-hor-menu-fixed-border-box: 0px 1px 10px 0px rgba($header-hor-menu-bg-color, 0.2);
		22
		23	//** Default Mega Menu
		24	$header-hor-menu-mega-menu-header-font-color: lighten($header-hor-menu-bg-color, 60%);
		25
		26	$header-hor-menu-default-link-font-color: lighten($header-hor-menu-bg-color, 50%);
		27	$header-hor-menu-default-link-font-color-on-hover: lighten($header-hor-menu-default-link-font-color, 5%);
		28	$header-hor-menu-default-link-font-color-on-active: lighten($header-hor-menu-default-link-font-color, 30%);
		29
		30	$header-hor-menu-default-link-icon-color: lighten($header-hor-menu-bg-color, 35%);
		31	$header-hor-menu-default-link-icon-color-on-hover: lighten($header-hor-menu-default-link-icon-color, 5%);
		32	$header-hor-menu-default-link-icon-color-on-active: lighten($header-hor-menu-default-link-icon-color, 30%);
		33
		34	$header-hor-menu-default-link-bg-color-on-hover: lighten($header-bg-color, 10%);
		35	$header-hor-menu-default-link-bg-color-on-active: $brand-main-color;
		36
		37	// Default Mega Menu Sub Menu
		38	$header-hor-menu-dropdown-menu-bg-color: $header-hor-menu-default-link-bg-color-on-hover;
		39	$header-hor-menu-box-shadow: 5px 5px rgba($header-hor-menu-dropdown-menu-bg-color, 0.2);
		40
		41	$header-hor-menu-dropdown-menu-link-bg-color-on-active: lighten($header-hor-menu-default-link-bg-color-on-hover, 4%);
		42	$header-hor-menu-dropdown-menu-link-bg-color-on-hover: lighten($header-hor-menu-default-link-bg-color-on-hover, 4%);
		43
		44	$header-hor-menu-dropdown-menu-link-font-color: lighten($header-hor-menu-bg-color, 50%);
		45	$header-hor-menu-dropdown-menu-link-font-color-on-hover: lighten($header-hor-menu-dropdown-menu-link-font-color, 14%);
		46	$header-hor-menu-dropdown-menu-link-font-color-on-active: lighten($header-hor-menu-dropdown-menu-link-font-color, 14%);
		47
		48	$header-hor-menu-dropdown-menu-link-icon-color: lighten($header-hor-menu-dropdown-menu-link-font-color, 0%);
		49	$header-hor-menu-dropdown-menu-link-icon-color-on-hover: lighten($header-hor-menu-dropdown-menu-link-icon-color, 14%);
		50	$header-hor-menu-dropdown-menu-link-icon-color-on-active: lighten($header-hor-menu-dropdown-menu-link-icon-color, 14%);
		51
		52	//** Light Mega Menu
		53	$header-light-hor-menu-mega-menu-header-font-color: #666;
		54
		55	$header-light-hor-menu-default-link-font-color: $header-hor-menu-default-link-font-color;
		56	$header-light-hor-menu-default-link-font-color-on-hover: $header-hor-menu-default-link-font-color-on-hover;
		57	$header-light-hor-menu-default-link-font-color-on-active: $header-hor-menu-default-link-font-color-on-active;
		58
		59	$header-light-hor-menu-default-link-icon-color: $header-hor-menu-default-link-icon-color;
		60	$header-light-hor-menu-default-link-icon-color-on-hover: $header-hor-menu-default-link-icon-color-on-hover;
		61	$header-light-hor-menu-default-link-icon-color-on-active: $header-hor-menu-default-link-icon-color-on-active;
		62
		63	$header-light-hor-menu-default-link-bg-color-on-hover: $header-hor-menu-default-link-bg-color-on-hover;
		64	$header-light-hor-menu-default-link-bg-color-on-active: $header-hor-menu-default-link-bg-color-on-active;
		65
		66	$header-light-hor-menu-default-link-bg-color-on-onen: lighten(#FAFAFC, 2%);
		67	$header-light-hor-menu-default-link-font-color-on-onen: #333;
		68	$header-light-hor-menu-default-link-icon-color-on-onen: #333;
		69
		70	// Light Mega Menu Sub Menu
		71	$header-light-hor-menu-dropdown-menu-bg-color: $header-light-hor-menu-default-link-bg-color-on-onen;
		72	$header-light-hor-menu-box-shadow: 5px 5px rgba(#666, 0.1);
		73
		74	$header-light-hor-menu-dropdown-menu-link-bg-color-on-active: darken($header-light-hor-menu-dropdown-menu-bg-color, 4%);
		75	$header-light-hor-menu-dropdown-menu-link-bg-color-on-hover: darken($header-light-hor-menu-dropdown-menu-bg-color, 4%);
		76
		77	$header-light-hor-menu-dropdown-menu-link-font-color: #000;
		78	$header-light-hor-menu-dropdown-menu-link-font-color-on-hover: #000;
		79	$header-light-hor-menu-dropdown-menu-link-font-color-on-active: #000;
		80
		81	$header-light-hor-menu-dropdown-menu-link-icon-color: #888;
		82	$header-light-hor-menu-dropdown-menu-link-icon-color-on-hover: #666;
		83	$header-light-hor-menu-dropdown-menu-link-icon-color-on-active: #666;
		84
		85	// Header search
		86	$header-search-bg-color: darken($header-bg-color, 4%) !default;
		87	$header-search-bg-hover-color: $header-hor-menu-default-link-bg-color-on-hover !default;
		88	$header-search-bg-color-on-open: $header-search-bg-hover-color !default;
		89	$header-search-font-color: #c4c9d0 !default;
		90	$header-search-placeholder-font-color: darken($header-search-font-color, 1%) !default;
		91
		92	// Top menu
		93	$header-top-menu-bg-hover-color: $header-hor-menu-default-link-bg-color-on-hover !default;
		94	$header-top-menu-bg-hover-color-on-dropdown-open: $header-hor-menu-default-link-bg-color-on-hover !default;
		95	$header-top-menu-badge-bg-color: $brand-main-color;
		96	$header-top-menu-badge-font-color: #ffffff;
		97	$header-top-menu-icon-font-color: #9fa7b1 !default;
		98
		99	// Top menu user bar
		100	$header-top-menu-user-font-color: $header-hor-menu-default-link-font-color !default;
		101	$header-top-menu-user-bg-color: $header-search-bg-color !default;
		102
		103	//begin: Top Menu Extended Dropdowns
		104	$header-top-menu-extended-dropdown-item-bg-color-on-hover: #f8f9fa;
		105	$header-top-menu-extended-dropdown-item-border-color: #EFF2F6;
		106	$header-top-menu-extended-dropdown-item-font-color: #888888;
		107
		108	$header-top-menu-extended-dropdown-header-bg-color: darken(#f7f8fa, 4%);
		109	$header-top-menu-extended-dropdown-border-color: darken($header-top-menu-extended-dropdown-header-bg-color, 1%);
		110	$header-top-menu-extended-dropdown-header-font-color: darken(#6f949c, 5%);
		111
		112	$header-top-menu-inbox-dropdown-from-font-color: #5b9bd1;
		113
		114	$header-top-menu-task-dropdown-progress-bg-color: #dfe2e9;
		115
		116	$header-top-menu-notification-time-bg-color: lighten(#eee, 1%);
		117
		118	// Top Menu Notifications
		119	$header-top-menu-dropdown-dark-bg-color: lighten($header-hor-menu-bg-color, 10%);
		120	$header-top-menu-dropdown-dark-header-bg-color: lighten($header-hor-menu-bg-color, 2%);
		121	$header-top-menu-dropdown-dark-header-font-color: lighten($header-top-menu-dropdown-dark-header-bg-color, 50%);
		122
		123	$header-top-menu-dropdown-dark-item-font-color: lighten($header-top-menu-dropdown-dark-header-bg-color, 55%);
		124	$header-top-menu-dropdown-dark-item-border-color: lighten($header-top-menu-dropdown-dark-bg-color, 6%);
		125	$header-top-menu-dropdown-dark-item-icon-color: lighten($header-top-menu-dropdown-dark-header-bg-color, 45%);
		126	$header-top-menu-dropdown-dark-item-bg-color-on-hover: lighten($header-top-menu-dropdown-dark-bg-color, 4%);
		127
		128	$header-top-menu-dropdown-dark-default-menu-divider: $header-top-menu-dropdown-dark-item-border-color;
		129	$header-top-menu-dropdown-dark-notification-time-bg-color: darken($header-top-menu-dropdown-dark-bg-color, 5%);
		130	//end: Top Menu Extended Dropdowns
		131
		132	// Sidebar menu
		133	$sidebar-menu-devider-border-color: lighten($bg-color, 5%) !default;
		134
		135	$sidebar-menu-link-font-color: #efefef !default;
		136	$sidebar-menu-link-font-color-on-hover: $sidebar-menu-link-font-color !default;
		137	$sidebar-menu-link-font-color-on-active: #ffffff !default;
		138
		139	$sidebar-menu-link-icon-font-color: #aab3bb !default;
		140	$sidebar-menu-link-icon-font-color-on-active: $sidebar-menu-link-font-color-on-active !default;
		141	$sidebar-menu-link-icon-font-color-on-hover: $sidebar-menu-link-icon-font-color !default;
		142
		143	$sidebar-menu-link-bg-color-on-hover: lighten($header-bg-color, 2%) !default;
		144	$sidebar-menu-link-bg-color-on-active: $brand-main-color;
		145
		146	$sidebar-menu-arrow-color: $sidebar-menu-link-icon-font-color !default;
		147	$sidebar-menu-arrow-color-on-active: $sidebar-menu-link-font-color-on-active !default;
		148	$sidebar-menu-arrow-color-on-hover: $sidebar-menu-link-icon-font-color-on-hover !default;
		149
		150	$sidebar-menu-sub-menu-box-shadow-color: $sidebar-menu-link-bg-color-on-hover !default;
		151	$sidebar-menu-sub-menu-link-font-color: #eeeeee !default;
		152	$sidebar-menu-sub-menu-link-icon-font-color: $sidebar-menu-arrow-color !default;
		153	$sidebar-menu-sub-menu-link-bg-color-on-hover: lighten($header-bg-color, 3%) !default;
		154	$sidebar-menu-sub-menu-link-icon-font-color-on-hover: $sidebar-menu-link-icon-font-color-on-hover !default;
		155
		156	$sidebar-menu-hover-sub-menu-bg-color: lighten($sidebar-menu-link-bg-color-on-hover, 4%) !default;
		157
		158	// Sidebar for mobile
		159	$mobile-sidebar-menu-bg-color: darken($bg-color, 10%) !default;
		160	$mobile-sidebar-menu-link-bg-color-on-hover: darken($bg-color, 7%) !default;
		161
		162	// Light sidebar menu
		163	$light-sidebar-menu-link-border-color: $brand-main-color !default;
		164	$light-sidebar-menu-link-bg-color-on-hover: darken($bg-color, 4%) !default;
		165	$light-sidebar-menu-link-bg-color-on-active: darken($bg-color, 7%) !default;
		166	$light-sidebar-menu-link-font-color-on-active: #f1f1f1 !default;
		167	$light-sidebar-menu-link-icon-color-on-active: #eeeeee !default;
		168	$light-sidebar-menu-link-arrow-color-on-active: #eeeeee !default;
		169
		170	$light-sidebar-menu-sub-menu-bg-color: lighten($bg-color, 2%) !default;
		171	$light-sidebar-menu-sub-menu-link-bg-color-on-hover: darken($bg-color, 2%) !default;
		172
		173	$mobile-light-sidebar-menu-sub-menu-bg-color: $mobile-sidebar-menu-bg-color !default;
		174	$mobile-light-sidebar-menu-link-bg-color-on-hover: lighten($mobile-sidebar-menu-bg-color, 3%) !default;
		175	$mobile-light-sidebar-menu-link-bg-color-on-active: lighten($mobile-sidebar-menu-bg-color, 3%) !default;
		176	$mobile-light-sidebar-menu-sub-menu-link-bg-color-on-hover: lighten($mobile-sidebar-menu-bg-color, 3%) !default;
		177
		178	// Sidebar search
		179	$sidebar-search-bg-color: darken($bg-color, 8%) !default;
		180	$sidebar-search-bottom-border-color: lighten($sidebar-menu-devider-border-color, 3%) !default;
		181	$sidebar-search-full-border-color: lighten($sidebar-menu-devider-border-color, 3%) !default;
		182	$sidebar-search-input-font-color: lighten($sidebar-menu-devider-border-color, 8%) !default;
		183	$sidebar-search-input-placeholder-font-color: lighten($sidebar-menu-devider-border-color, 8%) !default;
		184
		185	// Quick Sidebar
		186	$quick-sidebar-bg-color: lighten($header-bg-color, 8%);
		187	$quick-sidebar-font-color: #999999;
		188
		189	// Quick Sidebar
		190	$quick-sidebar-bg-color: lighten($header-bg-color, 15%);
		191	$quick-sidebar-font-color: #eee;
		192
		193	// Footer
		194	$footer-default-font-color: lighten($bg-color, 40%) !default;
		195	$footer-default-go-top-bg-color: lighten($bg-color, 7%) !default;
		196	$footer-default-go-top-icon-font-color: lighten($bg-color, 30%) !default;
		197	$footer-fixed-bg-color: darken($bg-color, 7%) !default;
		198
		199	//Boxed layout
		200	$for-min-992px-page-boxed-page-container-bg-color: $sidebar-menu-devider-border-color !default;
		201	$for-min-992px-page-boxed-bg-color: darken($bg-color, 3%) !default;
		202	$for-min-992px-page-boxed-sidebar-fixed-border-color: $sidebar-menu-devider-border-color !default;
		203
		204	@import '_base';
		205
		206	/* Page sidebar */
		207
		208	.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
		209	.page-sidebar {
		210	.page-sidebar-menu {
		211	/* Change sidebar link font weight */
		212	li {
		213	> a {
		214	font-weight: 300;
		215
		216	> i {
		217	font-weight: 300;
		218	}
		219	}
		220	.sub-menu {
		221	li {
		222	> a {
		223	font-weight: 300;
		224
		225	> i {
		226	font-weight: 300;
		227	}
		228	}
		229	}
		230	}
		231	}
		232	}
		233	}

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/sass/admin/layout/themes/grey.scss - Rev 1