WebSVN - Integrator Subversion - Blame - Rev 1 - /PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/sass/layouts/layout/themes/light2.scss

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

Subversion Repositories Integrator Subversion

(root)/PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/sass/layouts/layout/themes/light2.scss - Rev 1