70 lines
2.3 KiB
JavaScript
70 lines
2.3 KiB
JavaScript
|
var theme = window.localStorage.getItem("theme");
|
||
|
|
if (theme != null && theme == "true")
|
||
|
|
$("body").addClass("bg-dark");
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
$("#btnTheme").click(function () {
|
||
|
|
if ($("#btnTheme").hasClass("btn-light")) {
|
||
|
|
transitionLight();
|
||
|
|
} else {
|
||
|
|
transitionDark();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var theme = window.localStorage.getItem("theme");
|
||
|
|
if (theme != null && theme == "true")
|
||
|
|
setDark();
|
||
|
|
});
|
||
|
|
|
||
|
|
function checkTheme() {
|
||
|
|
if (theme != null && theme == "true")
|
||
|
|
setDark();
|
||
|
|
}
|
||
|
|
|
||
|
|
function transitionDark() {
|
||
|
|
$("body").addClass("transition bg-dark text-white");
|
||
|
|
$(".card").addClass("transition bg-dark text-white");
|
||
|
|
$(".jumbotron").addClass("transition jumbo-dark text-white");
|
||
|
|
$(".form-control").addClass("transition dark");
|
||
|
|
$("a:not(.navbar-brand):not(.nav-link)").addClass("transition a-dark");
|
||
|
|
|
||
|
|
setInterval(function () {
|
||
|
|
$("a:not(.navbar-brand):not(.nav-link)").removeClass("transition");
|
||
|
|
$(".form-control").removeClass("transition");
|
||
|
|
}, 250);
|
||
|
|
|
||
|
|
$("#btnTheme").removeClass("btn-dark").addClass("transition btn-light");
|
||
|
|
$("#themeText").replaceWith($("<span>").attr("id", "themeText").addClass("fas fa-sun"));
|
||
|
|
|
||
|
|
window.localStorage.setItem("theme", "true");
|
||
|
|
}
|
||
|
|
|
||
|
|
function transitionLight() {
|
||
|
|
$("body").addClass("transition").removeClass("bg-dark text-white");
|
||
|
|
$(".card").addClass("transition").removeClass("bg-dark text-white");
|
||
|
|
$(".jumbotron").addClass("transition").removeClass("jumbo-dark text-white");
|
||
|
|
$(".form-control").addClass("transition").removeClass("dark");
|
||
|
|
$("a:not(.navbar-brand):not(.nav-link)").addClass("transition").removeClass("a-dark");
|
||
|
|
|
||
|
|
setInterval(function () {
|
||
|
|
$("a:not(.navbar-brand):not(.nav-link)").removeClass("transition");
|
||
|
|
$(".form-control").removeClass("transition");
|
||
|
|
}, 500);
|
||
|
|
|
||
|
|
$("#btnTheme").removeClass("btn-light").addClass("transition btn-dark");
|
||
|
|
$("#themeText").replaceWith($("<span>").attr("id", "themeText").addClass("fas fa-moon"));
|
||
|
|
|
||
|
|
window.localStorage.setItem("theme", "false");
|
||
|
|
}
|
||
|
|
|
||
|
|
function setDark() {
|
||
|
|
$("body").addClass("bg-dark text-white");
|
||
|
|
$(".card").addClass("bg-dark text-white");
|
||
|
|
$(".jumbotron").addClass("jumbo-dark text-white");
|
||
|
|
$(".form-control").addClass("dark");
|
||
|
|
$("a:not(.navbar-brand):not(.nav-link)").addClass("a-dark");
|
||
|
|
|
||
|
|
$("#btnTheme").removeClass("btn-dark").addClass("btn-light");
|
||
|
|
$("#themeText").replaceWith($("<span>").attr("id", "themeText").addClass("fas fa-sun"));
|
||
|
|
}
|