126 lines
3.9 KiB
PHP
126 lines
3.9 KiB
PHP
<!--plugins-->
|
|
<link href="assets/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet" />
|
|
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
|
|
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
|
|
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
|
|
<!-- loader-->
|
|
<link href="assets/css/pace.min.css" rel="stylesheet" />
|
|
<script src="assets/js/pace.min.js"></script>
|
|
<!-- Bootstrap CSS -->
|
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/css/bootstrap-extended.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
|
|
<link href="assets/css/app.css" rel="stylesheet">
|
|
<link href="assets/css/icons.css" rel="stylesheet">
|
|
<!-- Theme Style CSS -->
|
|
<link rel="stylesheet" href="assets/css/dark-theme.css" />
|
|
<link rel="stylesheet" href="assets/css/semi-dark.css" />
|
|
<!-- header-colors.css disattivato: applicava uno skin colore (il verde) che sovrascriveva il tema HairBook -->
|
|
<!-- <link rel="stylesheet" href="assets/css/header-colors.css" /> -->
|
|
<!-- Datatables -->
|
|
<link href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap5.min.css" rel="stylesheet">
|
|
<style>
|
|
/* ===== Palette HairBook (magenta + arancione) ===== */
|
|
:root {
|
|
--hb-magenta: #e6007e;
|
|
--hb-pink: #e11d6b;
|
|
--hb-orange: #ff6a3d;
|
|
--hb-dark: #b3005f;
|
|
--hb-grad: linear-gradient(120deg, #e6007e 0%, #ff3d78 55%, #ff6a3d 100%);
|
|
--hb-grad-v: linear-gradient(180deg, #e6007e 0%, #b3005f 100%);
|
|
}
|
|
|
|
/* ===== Topbar superiore: gradiente caldo ===== */
|
|
body .topbar,
|
|
body .topbar .navbar {
|
|
background: var(--hb-grad) !important;
|
|
}
|
|
|
|
/* testo e icone in bianco per contrasto sul gradiente */
|
|
body .topbar .navbar .nav-link,
|
|
body .topbar .navbar .nav-link i,
|
|
body .topbar .search-bar .btn,
|
|
body .topbar .search-bar .btn i,
|
|
body .topbar .mobile-toggle-menu i,
|
|
body .topbar .user-info .user-name {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
body .topbar .user-info .designattion {
|
|
color: #ffe1ec !important;
|
|
}
|
|
|
|
body .topbar .navbar .nav-link:hover,
|
|
body .topbar .navbar .nav-link:hover i {
|
|
color: #ffe1ec !important;
|
|
}
|
|
|
|
/* ===== Sidebar: magenta coordinato ===== */
|
|
body .sidebar-wrapper,
|
|
body .sidebar-wrapper .sidebar-header,
|
|
body .sidebar-wrapper.bg-theme,
|
|
body .sidebar-wrapper[class*="bg-theme"] {
|
|
background: var(--hb-grad-v) !important;
|
|
}
|
|
|
|
body .sidebar-header .logo-text {
|
|
color: #fff !important;
|
|
}
|
|
|
|
body .sidebar-wrapper .metismenu a {
|
|
color: #ffd9e8 !important;
|
|
}
|
|
|
|
body .sidebar-wrapper .metismenu a:hover,
|
|
body .sidebar-wrapper .metismenu li.mm-active>a,
|
|
body .sidebar-wrapper .metismenu a.active {
|
|
color: #ffffff !important;
|
|
background: rgba(255, 106, 61, .22) !important;
|
|
border-left: 3px solid var(--hb-orange) !important;
|
|
}
|
|
|
|
body .sidebar-wrapper .menu-label {
|
|
color: #ffb0d0 !important;
|
|
}
|
|
|
|
/* ===== Bottoni primari ===== */
|
|
.btn-primary {
|
|
background: var(--hb-magenta);
|
|
border-color: var(--hb-magenta);
|
|
}
|
|
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.btn-primary:active {
|
|
background: var(--hb-orange) !important;
|
|
border-color: var(--hb-orange) !important;
|
|
}
|
|
|
|
.btn-outline-primary {
|
|
color: var(--hb-magenta);
|
|
border-color: var(--hb-magenta);
|
|
}
|
|
|
|
.btn-outline-primary:hover {
|
|
background: var(--hb-magenta);
|
|
border-color: var(--hb-magenta);
|
|
color: #fff;
|
|
}
|
|
|
|
/* ===== Link e accenti ===== */
|
|
a {
|
|
color: var(--hb-magenta);
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--hb-orange);
|
|
}
|
|
|
|
.text-primary {
|
|
color: var(--hb-magenta) !important;
|
|
}
|
|
|
|
.bg-primary {
|
|
background: var(--hb-magenta) !important;
|
|
}
|
|
</style> |