GHL-Theme

blue-theme.css

:root {
  --sidebar-bg-color: #0c2d3f;
  --sidebar-parent-active-li-bg-color: rgba(24, 139, 246, .1);
  --sidebar-li-color: #ffffff;
  --sidebar-collapse-li-bg-color: #103855;
  --custom-link-color: #38a0db;
  --custom-primary: rgb(56, 160, 219);
  --custom-primary-border-color: rgba(24, 139, 246, .1);
  --custom-yellow-color: #ff6600;
  --custom-yellow-active: #ff9900;
  --custom-yellow-border-color: #ff6600;
  --button-icon-color: #ffffff;
  --login--header-color: #103855;
  --login--header-border-color: rgba(144, 164, 174, .2);
}

nav#navbar {
	background: var(--sidebar-bg-color);
}

.hl_navbar--links > li.active > a {
	color: var(--sidebar-li-color);
	font-weight: 500;
	background: var(--sidebar-parent-active-li-bg-color);
}

.hl_navbar--links > li a {
	display: block;
	padding: 15px 25px;
	color: var(--sidebar-li-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: none;
	transition: none;
}

.btn.btn-primary {
	background-color: var(--custom-primary);
	border-color: var(--custom-border-color);
	color: var(--button-icon-color);
}

.btn.btn-yellow {
	background-color: var(--custom-yellow-color);
	border-color: var(--custom-yellow-border-color);
	color: var(--button-icon-color);
}

.btn.btn-yellow:active,
.btn.btn-yellow:focus,
.btn.btn-yellow:hover {
	color: var(--button-icon-color);
	background-color: var(--custom-yellow-active);
	border-color: var(--custom-yellow-active);
}

.hl_settings--nav li.active a,
.hl_settings--nav li.hover a {
	color: var(--custom-link-color);
	font-weight: 500;
	border-color: var(--custom-link-color);
}

a {
	color: var(--custom-link-color);
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover,
a:hover {
	color: var(--custom-link-color);
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

.hl_marketing--nav li.active a {
	color: var(--custom-link-color);
	font-weight: 500;
	border-color: var(--custom-link-color);
}

button.hl_navbar--button.btn.btn-success.btn-block {
	background: var(--custom-link-color);
}

.hl_navbar--links > li .nav-dropdown-links,
.hl_navbar--links > li .nav-marketing-links {
	background-color: var(--sidebar-collapse-li-bg-color);
	border-top: 1px solid var(--sidebar-collapse-li-bg-color);
	border-bottom: 1px solid var(--sidebar-collapse-li-bg-color);
}

.hl_login--header {
	background: var(--login--header-color) !important;
	border-bottom: 1px solid var(--login--header-border-color);
	padding: 15px 0;
	margin-bottom: 80px;
}

.hl_login--header .container-fluid {
	display: block;
}

.hl_navbar--toggle {
	top: auto;
	bottom: 10px;
	right: 0;
}

.hl_navbar--toggle.collapse {
	position: absolute;
	left: 0;
	margin: auto;
}

.hl_controls .hl_controls--right .btn-sm .icon,
.hl_controls .hl_controls--right .btn-group-sm>.btn .icon {
	color: var(---button-icon-color);
}