added class sessione and propagate and day off
This commit is contained in:
@@ -1,109 +1,111 @@
|
||||
html.color-header .topbar .navbar-nav .nav-link {
|
||||
color: #fff
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.color-header .topbar .navbar .navbar-nav .nav-link:hover,
|
||||
html.color-header .topbar .navbar .navbar-nav .nav-link:focus {
|
||||
background-color: rgb(255 255 255 / 12%);
|
||||
background-color: rgb(255 255 255 / 12%);
|
||||
color: #ffffff;
|
||||
}
|
||||
html.color-header .search-bar a.btn,
|
||||
html.color-header .search-bar a.btn:focus{
|
||||
html.color-header .search-bar a.btn:focus {
|
||||
color: #221f1f;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
html.color-header::placeholder {
|
||||
color: #08090a!important;
|
||||
opacity: .5!important
|
||||
color: #08090a !important;
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
html.color-header .search-show {
|
||||
color: #221f1f
|
||||
color: #221f1f;
|
||||
}
|
||||
html.color-header .user-info .user-name {
|
||||
color: #fff
|
||||
color: #fff;
|
||||
}
|
||||
html.color-header .user-info .designattion {
|
||||
color: #fff
|
||||
color: #fff;
|
||||
}
|
||||
html.color-header .user-box {
|
||||
border-left: 1px solid rgb(255 255 255 / .15) !important;
|
||||
border-right: 1px solid rgb(255 255 255 / .15) !important;
|
||||
border-left: 1px solid rgb(255 255 255 / 0.15) !important;
|
||||
border-right: 1px solid rgb(255 255 255 / 0.15) !important;
|
||||
}
|
||||
|
||||
|
||||
html.color-header .mobile-toggle-menu {
|
||||
color: #fff
|
||||
color: #fff;
|
||||
}
|
||||
.switcher-body .headercolor1 {
|
||||
background: #0727d7!important
|
||||
background: #0727d7 !important;
|
||||
}
|
||||
.switcher-body .headercolor2 {
|
||||
background: #23282c!important
|
||||
background: #23282c !important;
|
||||
}
|
||||
.switcher-body .headercolor3 {
|
||||
background: #e10a1f!important
|
||||
background: #e10a1f !important;
|
||||
}
|
||||
.switcher-body .headercolor4 {
|
||||
background: #157d4c!important
|
||||
background: #157d4c !important;
|
||||
}
|
||||
.switcher-body .headercolor5 {
|
||||
background: #673ab7!important
|
||||
background: #673ab7 !important;
|
||||
}
|
||||
.switcher-body .headercolor6 {
|
||||
background: #795548!important
|
||||
background: #795548 !important;
|
||||
}
|
||||
.switcher-body .headercolor7 {
|
||||
background: #d3094e!important
|
||||
background: #d3094e !important;
|
||||
}
|
||||
.switcher-body .headercolor8 {
|
||||
background: #ff9800!important
|
||||
background: #ff9800 !important;
|
||||
}
|
||||
.switcher-body .headercolor9 {
|
||||
background: #9e5f00 !important;
|
||||
}
|
||||
html.headercolor1 .topbar {
|
||||
background: #0727d7
|
||||
background: #0727d7;
|
||||
}
|
||||
html.headercolor2 .topbar {
|
||||
background: #23282c
|
||||
background: #23282c;
|
||||
}
|
||||
html.headercolor3 .topbar {
|
||||
background: #e10a1f
|
||||
background: #e10a1f;
|
||||
}
|
||||
html.headercolor4 .topbar {
|
||||
background: #157d4c
|
||||
background: #157d4c;
|
||||
}
|
||||
html.headercolor5 .topbar {
|
||||
background: #673ab7
|
||||
background: #673ab7;
|
||||
}
|
||||
html.headercolor6 .topbar {
|
||||
background: #795548
|
||||
background: #795548;
|
||||
}
|
||||
html.headercolor7 .topbar {
|
||||
background: #d3094e
|
||||
background: #d3094e;
|
||||
}
|
||||
html.headercolor8 .topbar {
|
||||
background: #ff9800
|
||||
background: #ff9800;
|
||||
}
|
||||
html.headercolor9 .topbar {
|
||||
background: #f7c77f;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* sidebar color */
|
||||
|
||||
|
||||
html.color-sidebar .sidebar-wrapper{
|
||||
background-color: #171717;
|
||||
html.color-sidebar .sidebar-wrapper {
|
||||
background-color: #171717;
|
||||
border-right: 1px solid rgb(228 228 228 / 0%);
|
||||
}
|
||||
html.color-sidebar .sidebar-header{
|
||||
background-color: transparent;
|
||||
html.color-sidebar .sidebar-header {
|
||||
background-color: transparent;
|
||||
border-right: 1px solid #e4e4e400;
|
||||
border-bottom: 1px solid rgb(255 255 255 / 15%);
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
}
|
||||
html.color-sidebar .logo-icon {
|
||||
filter: invert(1) grayscale(100%) brightness(200%);
|
||||
}
|
||||
|
||||
html.color-sidebar .menu-label{
|
||||
color: rgb(255 255 255 / 65%);
|
||||
html.color-sidebar .menu-label {
|
||||
color: rgb(255 255 255 / 65%);
|
||||
}
|
||||
|
||||
html.color-sidebar .sidebar-wrapper .sidebar-header .logo-text {
|
||||
@@ -115,10 +117,13 @@ html.color-sidebar .sidebar-wrapper .sidebar-header .toggle-icon {
|
||||
}
|
||||
|
||||
html.color-sidebar .simplebar-scrollbar:before {
|
||||
background: rgba(255, 255, 255, .4)
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
html.color-sidebar .sidebar-wrapper .metismenu .mm-active>a, html.color-sidebar .sidebar-wrapper .metismenu a:active, html.color-sidebar .sidebar-wrapper .metismenu a:focus, html.color-sidebar .sidebar-wrapper .metismenu a:hover {
|
||||
html.color-sidebar .sidebar-wrapper .metismenu .mm-active > a,
|
||||
html.color-sidebar .sidebar-wrapper .metismenu a:active,
|
||||
html.color-sidebar .sidebar-wrapper .metismenu a:focus,
|
||||
html.color-sidebar .sidebar-wrapper .metismenu a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background: rgb(255 255 255 / 15%);
|
||||
@@ -133,7 +138,6 @@ html.color-sidebar .sidebar-wrapper .metismenu ul {
|
||||
background: rgb(255 255 255 / 0%);
|
||||
}
|
||||
|
||||
|
||||
html.color-sidebar .sidebar-wrapper {
|
||||
background-size: 100% 100%;
|
||||
background-attachment: fixed;
|
||||
@@ -141,35 +145,31 @@ html.color-sidebar .sidebar-wrapper {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
.switcher-wrapper .sidebarcolor1 {
|
||||
background-image: url(../images/bg-themes/1.png);
|
||||
background-image: url(../images/bg-themes/1.png);
|
||||
}
|
||||
.switcher-wrapper .sidebarcolor2 {
|
||||
background-image: url(../images/bg-themes/2.png);
|
||||
background-image: url(../images/bg-themes/2.png);
|
||||
}
|
||||
.switcher-wrapper .sidebarcolor3 {
|
||||
background-image: url(../images/bg-themes/3.png);
|
||||
background-image: url(../images/bg-themes/3.png);
|
||||
}
|
||||
.switcher-wrapper .sidebarcolor4 {
|
||||
background-image: url(../images/bg-themes/4.png);
|
||||
background-image: url(../images/bg-themes/4.png);
|
||||
}
|
||||
.switcher-wrapper .sidebarcolor5 {
|
||||
background-image: url(../images/bg-themes/5.png);
|
||||
background-image: url(../images/bg-themes/5.png);
|
||||
}
|
||||
.switcher-wrapper .sidebarcolor6 {
|
||||
background-image: url(../images/bg-themes/6.png);
|
||||
background-image: url(../images/bg-themes/6.png);
|
||||
}
|
||||
.switcher-wrapper .sidebarcolor7 {
|
||||
background-image: url(../images/bg-themes/7.png);
|
||||
background-image: url(../images/bg-themes/7.png);
|
||||
}
|
||||
.switcher-wrapper .sidebarcolor8 {
|
||||
background-image: url(../images/bg-themes/8.png);
|
||||
background-image: url(../images/bg-themes/8.png);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
html.color-sidebar.sidebarcolor1 .sidebar-wrapper {
|
||||
background-image: url(../images/bg-themes/1.png);
|
||||
}
|
||||
@@ -201,10 +201,3 @@ html.color-sidebar.sidebarcolor7 .sidebar-wrapper {
|
||||
html.color-sidebar.sidebarcolor8 .sidebar-wrapper {
|
||||
background-image: url(../images/bg-themes/8.png);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
+219
-186
@@ -1,202 +1,235 @@
|
||||
$("html").attr("class", "semi-dark color-header headercolor2");
|
||||
$("html").attr(
|
||||
"class",
|
||||
"semi-dark color-header " +
|
||||
(localStorage.getItem("headerColor") || "headercolor4") +
|
||||
" color-sidebar " +
|
||||
(localStorage.getItem("sidebarColor") || "sidebarcolor9"),
|
||||
);
|
||||
|
||||
$(function () {
|
||||
"use strict";
|
||||
new PerfectScrollbar(".app-container"),
|
||||
new PerfectScrollbar(".header-message-list"),
|
||||
new PerfectScrollbar(".header-notifications-list"),
|
||||
$(".mobile-search-icon").on("click", function () {
|
||||
$(".search-bar").addClass("full-search-bar");
|
||||
}),
|
||||
$(".search-close").on("click", function () {
|
||||
$(".search-bar").removeClass("full-search-bar");
|
||||
}),
|
||||
$(".mobile-toggle-menu").on("click", function () {
|
||||
$(".wrapper").addClass("toggled");
|
||||
}),
|
||||
$(".dark-mode").on("click", function () {
|
||||
if ($(".dark-mode-icon i").attr("class") == "bx bx-sun") {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-moon");
|
||||
$("html").attr("class", "light-theme");
|
||||
} else {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-sun");
|
||||
$("html").attr("class", "dark-theme");
|
||||
}
|
||||
}),
|
||||
$(".toggle-icon").click(function () {
|
||||
$(".wrapper").hasClass("toggled")
|
||||
? ($(".wrapper").removeClass("toggled"),
|
||||
$(".sidebar-wrapper").unbind("hover"))
|
||||
: ($(".wrapper").addClass("toggled"),
|
||||
$(".sidebar-wrapper").hover(
|
||||
function () {
|
||||
$(".wrapper").addClass("sidebar-hovered");
|
||||
},
|
||||
function () {
|
||||
$(".wrapper").removeClass("sidebar-hovered");
|
||||
"use strict";
|
||||
new PerfectScrollbar(".app-container"),
|
||||
new PerfectScrollbar(".header-message-list"),
|
||||
new PerfectScrollbar(".header-notifications-list"),
|
||||
$(".mobile-search-icon").on("click", function () {
|
||||
$(".search-bar").addClass("full-search-bar");
|
||||
}),
|
||||
$(".search-close").on("click", function () {
|
||||
$(".search-bar").removeClass("full-search-bar");
|
||||
}),
|
||||
$(".mobile-toggle-menu").on("click", function () {
|
||||
$(".wrapper").addClass("toggled");
|
||||
}),
|
||||
$(".dark-mode").on("click", function () {
|
||||
if ($(".dark-mode-icon i").attr("class") == "bx bx-sun") {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-moon");
|
||||
$("html").attr("class", "light-theme");
|
||||
} else {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-sun");
|
||||
$("html").attr("class", "dark-theme");
|
||||
}
|
||||
));
|
||||
}),
|
||||
$(document).ready(function () {
|
||||
$(window).on("scroll", function () {
|
||||
$(this).scrollTop() > 300
|
||||
? $(".back-to-top").fadeIn()
|
||||
: $(".back-to-top").fadeOut();
|
||||
}),
|
||||
$(".back-to-top").on("click", function () {
|
||||
return (
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: 0,
|
||||
},
|
||||
600
|
||||
),
|
||||
!1
|
||||
);
|
||||
});
|
||||
}),
|
||||
$(function () {
|
||||
for (
|
||||
var e = window.location,
|
||||
o = $(".metismenu li a")
|
||||
.filter(function () {
|
||||
return this.href == e;
|
||||
})
|
||||
.addClass("")
|
||||
.parent()
|
||||
.addClass("mm-active");
|
||||
o.is("li");
|
||||
}),
|
||||
$(".toggle-icon").click(function () {
|
||||
$(".wrapper").hasClass("toggled")
|
||||
? ($(".wrapper").removeClass("toggled"),
|
||||
$(".sidebar-wrapper").unbind("hover"))
|
||||
: ($(".wrapper").addClass("toggled"),
|
||||
$(".sidebar-wrapper").hover(
|
||||
function () {
|
||||
$(".wrapper").addClass("sidebar-hovered");
|
||||
},
|
||||
function () {
|
||||
$(".wrapper").removeClass("sidebar-hovered");
|
||||
},
|
||||
));
|
||||
}),
|
||||
$(document).ready(function () {
|
||||
$(window).on("scroll", function () {
|
||||
$(this).scrollTop() > 300
|
||||
? $(".back-to-top").fadeIn()
|
||||
: $(".back-to-top").fadeOut();
|
||||
}),
|
||||
$(".back-to-top").on("click", function () {
|
||||
return (
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: 0,
|
||||
},
|
||||
600,
|
||||
),
|
||||
!1
|
||||
);
|
||||
});
|
||||
}),
|
||||
$(function () {
|
||||
for (
|
||||
var e = window.location,
|
||||
o = $(".metismenu li a")
|
||||
.filter(function () {
|
||||
return this.href == e;
|
||||
})
|
||||
.addClass("")
|
||||
.parent()
|
||||
.addClass("mm-active");
|
||||
o.is("li");
|
||||
|
||||
)
|
||||
o = o
|
||||
.parent("")
|
||||
.addClass("mm-show")
|
||||
.parent("")
|
||||
.addClass("mm-active");
|
||||
}),
|
||||
$(function () {
|
||||
$("#menu").metisMenu();
|
||||
}),
|
||||
$(".chat-toggle-btn").on("click", function () {
|
||||
$(".chat-wrapper").toggleClass("chat-toggled");
|
||||
}),
|
||||
$(".chat-toggle-btn-mobile").on("click", function () {
|
||||
$(".chat-wrapper").removeClass("chat-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn").on("click", function () {
|
||||
$(".email-wrapper").toggleClass("email-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn-mobile").on("click", function () {
|
||||
$(".email-wrapper").removeClass("email-toggled");
|
||||
}),
|
||||
$(".compose-mail-btn").on("click", function () {
|
||||
$(".compose-mail-popup").show();
|
||||
}),
|
||||
$(".compose-mail-close").on("click", function () {
|
||||
$(".compose-mail-popup").hide();
|
||||
}),
|
||||
$(".switcher-btn").on("click", function () {
|
||||
$(".switcher-wrapper").toggleClass("switcher-toggled");
|
||||
}),
|
||||
$(".close-switcher").on("click", function () {
|
||||
$(".switcher-wrapper").removeClass("switcher-toggled");
|
||||
}),
|
||||
$("#lightmode").on("click", function () {
|
||||
$("html").attr("class", "light-theme");
|
||||
}),
|
||||
$("#darkmode").on("click", function () {
|
||||
$("html").attr("class", "dark-theme");
|
||||
}),
|
||||
$("#semidark").on("click", function () {
|
||||
$("html").attr("class", "semi-dark");
|
||||
}),
|
||||
$("#minimaltheme").on("click", function () {
|
||||
$("html").attr("class", "minimal-theme");
|
||||
}),
|
||||
$("#headercolor1").on("click", function () {
|
||||
$("html").addClass("color-header headercolor1"),
|
||||
$("html").removeClass(
|
||||
"headercolor2 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor1");
|
||||
});
|
||||
|
||||
)
|
||||
o = o.parent("").addClass("mm-show").parent("").addClass("mm-active");
|
||||
}),
|
||||
$(function () {
|
||||
$("#menu").metisMenu();
|
||||
}),
|
||||
$(".chat-toggle-btn").on("click", function () {
|
||||
$(".chat-wrapper").toggleClass("chat-toggled");
|
||||
}),
|
||||
$(".chat-toggle-btn-mobile").on("click", function () {
|
||||
$(".chat-wrapper").removeClass("chat-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn").on("click", function () {
|
||||
$(".email-wrapper").toggleClass("email-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn-mobile").on("click", function () {
|
||||
$(".email-wrapper").removeClass("email-toggled");
|
||||
}),
|
||||
$(".compose-mail-btn").on("click", function () {
|
||||
$(".compose-mail-popup").show();
|
||||
}),
|
||||
$(".compose-mail-close").on("click", function () {
|
||||
$(".compose-mail-popup").hide();
|
||||
}),
|
||||
$(".switcher-btn").on("click", function () {
|
||||
$(".switcher-wrapper").toggleClass("switcher-toggled");
|
||||
}),
|
||||
$(".close-switcher").on("click", function () {
|
||||
$(".switcher-wrapper").removeClass("switcher-toggled");
|
||||
}),
|
||||
$("#lightmode").on("click", function () {
|
||||
$("html").attr("class", "light-theme");
|
||||
}),
|
||||
$("#darkmode").on("click", function () {
|
||||
$("html").attr("class", "dark-theme");
|
||||
}),
|
||||
$("#semidark").on("click", function () {
|
||||
$("html").attr("class", "semi-dark");
|
||||
}),
|
||||
$("#minimaltheme").on("click", function () {
|
||||
$("html").attr("class", "minimal-theme");
|
||||
}),
|
||||
$("#headercolor1").on("click", function () {
|
||||
$("html").addClass("color-header headercolor1"),
|
||||
$("html").removeClass(
|
||||
"headercolor2 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor2").on("click", function () {
|
||||
$("html").addClass("color-header headercolor2"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor3").on("click", function () {
|
||||
$("html").addClass("color-header headercolor3"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor4").on("click", function () {
|
||||
$("html").addClass("color-header headercolor4"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor3 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor5").on("click", function () {
|
||||
$("html").addClass("color-header headercolor5"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor3 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor6").on("click", function () {
|
||||
$("html").addClass("color-header headercolor6"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor3 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor7").on("click", function () {
|
||||
$("html").addClass("color-header headercolor7"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor3 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor8").on("click", function () {
|
||||
$("html").addClass("color-header headercolor8"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor3"
|
||||
);
|
||||
$("html").addClass("color-header headercolor2"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor2");
|
||||
});
|
||||
|
||||
// sidebar colors
|
||||
$("#sidebarcolor1").click(theme1);
|
||||
$("#sidebarcolor2").click(theme2);
|
||||
$("#sidebarcolor3").click(theme3);
|
||||
$("#sidebarcolor4").click(theme4);
|
||||
$("#sidebarcolor5").click(theme5);
|
||||
$("#sidebarcolor6").click(theme6);
|
||||
$("#sidebarcolor7").click(theme7);
|
||||
$("#sidebarcolor8").click(theme8);
|
||||
$("#headercolor3").on("click", function () {
|
||||
$("html").addClass("color-header headercolor3"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor3");
|
||||
});
|
||||
|
||||
function theme1() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor1");
|
||||
}
|
||||
$("#headercolor4").on("click", function () {
|
||||
$("html").addClass("color-header headercolor4"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor3 headercolor5 headercolor6 headercolor7 headercolor8 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor4");
|
||||
});
|
||||
|
||||
function theme2() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor2");
|
||||
}
|
||||
$("#headercolor5").on("click", function () {
|
||||
$("html").addClass("color-header headercolor5"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor3 headercolor6 headercolor7 headercolor8 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor5");
|
||||
});
|
||||
|
||||
function theme3() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor3");
|
||||
}
|
||||
$("#headercolor6").on("click", function () {
|
||||
$("html").addClass("color-header headercolor6"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor3 headercolor7 headercolor8 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor6");
|
||||
});
|
||||
|
||||
function theme4() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor4");
|
||||
}
|
||||
$("#headercolor7").on("click", function () {
|
||||
$("html").addClass("color-header headercolor7"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor3 headercolor8 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor7");
|
||||
});
|
||||
|
||||
function theme5() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor5");
|
||||
}
|
||||
$("#headercolor8").on("click", function () {
|
||||
$("html").addClass("color-header headercolor8"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor3 headercolor9",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor8");
|
||||
});
|
||||
|
||||
function theme6() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor6");
|
||||
}
|
||||
$("#headercolor9").on("click", function () {
|
||||
$("html").addClass("color-header headercolor9"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8",
|
||||
);
|
||||
localStorage.setItem("headerColor", "headercolor9");
|
||||
});
|
||||
|
||||
function theme7() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor7");
|
||||
}
|
||||
// sidebar colors
|
||||
$("#sidebarcolor1").click(theme1);
|
||||
$("#sidebarcolor2").click(theme2);
|
||||
$("#sidebarcolor3").click(theme3);
|
||||
$("#sidebarcolor4").click(theme4);
|
||||
$("#sidebarcolor5").click(theme5);
|
||||
$("#sidebarcolor6").click(theme6);
|
||||
$("#sidebarcolor7").click(theme7);
|
||||
$("#sidebarcolor8").click(theme8);
|
||||
|
||||
function theme8() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor8");
|
||||
}
|
||||
function theme1() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor1");
|
||||
}
|
||||
|
||||
function theme2() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor2");
|
||||
}
|
||||
|
||||
function theme3() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor3");
|
||||
}
|
||||
|
||||
function theme4() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor4");
|
||||
}
|
||||
|
||||
function theme5() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor5");
|
||||
}
|
||||
|
||||
function theme6() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor6");
|
||||
}
|
||||
|
||||
function theme7() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor7");
|
||||
}
|
||||
|
||||
function theme8() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor8");
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user