Auto darkmode fix

This commit is contained in:
gurusabarish
2022-01-25 23:08:26 +05:30
parent 5cc0bc0a46
commit bbcf135e17
5 changed files with 88 additions and 75 deletions
+24 -29
View File
@@ -115,6 +115,23 @@
{{- partial "sections/v3/footer.html" . -}}
{{- partial "sections/v3/scripts.html" . -}}
</div>
<!-- Darkmode -->
<script>
function autoDarkMode() {
$("body").toggleClass("darkmode");
$(".fa-moon").addClass("d-none");
$(".fa-sun").removeClass("d-none");
$("nav").toggleClass("navbar-dark");
$("nav").toggleClass("navbar-light");
$(".text-dark").toggleClass("darkmode-text-dark");
$(".text-muted").toggleClass("darkmode-text-muted")
$(".about-backdark").toggleClass("about-back");
$(".education-backdark").toggleClass("education-back");
$(".achievements-backdark").toggleClass("achievements-back");
}
</script>
<script src="/js/auto_darkmode.js"></script>
<script>
/*
document.onreadystatechange = function () {
@@ -131,6 +148,7 @@
}
};
*/
$(".darkmode-label").click(function () {
$("body").toggleClass("darkmode");
$(".fa-moon").toggleClass("d-none");
@@ -140,40 +158,17 @@
$(".achievements-backdark").toggleClass("achievements-back");
$("nav").toggleClass("navbar-dark");
$("nav").toggleClass("navbar-light");
$(".text-dark").addClass("darkmode-text-dark").removeClass("text-dark");
$(".text-muted")
.addClass("darkmode-text-muted")
.removeClass("text-muted");
if ($("input.custom-control-input").is(":checked")) {
$(".darkmode-text-dark")
.addClass("text-dark")
.removeClass("darkmode-text-dark");
$(".darkmode-text-muted")
.addClass("text-muted")
.removeClass("darkmode-text-muted");
}
$(".text-dark").toggleClass("darkmode-text-dark");
$(".text-muted").toggleClass("darkmode-text-muted")
switchDarkmodeSetting();
});
if ($("input.custom-control-input").is(":checked")) {
$("body").toggleClass("darkmode");
$(".fa-moon").addClass("d-none");
$(".fa-sun").removeClass("d-none");
$("nav").toggleClass("navbar-dark");
$("nav").toggleClass("navbar-light");
$(".text-dark").addClass("darkmode-text-dark").removeClass("text-dark");
$(".text-muted")
.addClass("darkmode-text-muted")
.removeClass("text-muted");
$(".about-backdark").toggleClass("about-back");
$(".education-backdark").toggleClass("education-back");
$(".achievements-backdark").toggleClass("achievements-back");
switchDarkmodeSetting();
}
</script>
{{- partial "sections/v3/auto_darkmode.html" . -}}
</body>
{{ else }}
{{ end }}
</html>
</html>