bivashy/Blitz-Proxy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: dark mode

Browse Source
This commit is contained in:
Whispering Wind
2025-03-02 11:09:42 +03:30
committed by GitHub
parent 13f6cdfcbe
commit fdaacf927b
1 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
core/scripts/webpanel/templates/base.html
View File

@ -130,16 +130,13 @@
<script> <script>
$(function () { $(function () {
// Dark Mode Toggle
const darkModeToggle = $("#darkModeToggle"); const darkModeToggle = $("#darkModeToggle");
const darkModeIcon = $("#darkModeIcon"); const darkModeIcon = $("#darkModeIcon");
// Check for saved preference in localStorage
const isDarkMode = localStorage.getItem("darkMode") === "enabled"; const isDarkMode = localStorage.getItem("darkMode") === "enabled";
setDarkMode(isDarkMode); setDarkMode(isDarkMode);
updateIcon(isDarkMode); updateIcon(isDarkMode);
// Toggle dark mode on click
darkModeToggle.on("click", function (e) { darkModeToggle.on("click", function (e) {
e.preventDefault(); e.preventDefault();
const enabled = $("body").hasClass("dark-mode"); const enabled = $("body").hasClass("dark-mode");
@ -147,23 +144,23 @@
setDarkMode(!enabled); setDarkMode(!enabled);
updateIcon(!enabled); updateIcon(!enabled);
}); });
// Function to set dark mode styles
function setDarkMode(enabled) { function setDarkMode(enabled) {
$("body").toggleClass("dark-mode", enabled);
if (enabled) { if (enabled) {
$("body").addClass("dark-mode"); $(".main-header").addClass("navbar-dark").removeClass("navbar-light navbar-white");
$(".card").addClass("bg-dark");
} else { } else {
$("body").removeClass("dark-mode"); $(".main-header").addClass("navbar-white navbar-light").removeClass("navbar-dark");
$(".card").removeClass("bg-dark");
} }
} }
// Function to update the icon
function updateIcon(enabled) { function updateIcon(enabled) {
if (enabled) { darkModeIcon
darkModeIcon.removeClass("fa-moon").addClass("fa-sun"); .removeClass("fa-moon fa-sun")
} else { .addClass(enabled ? "fa-sun" : "fa-moon");
darkModeIcon.removeClass("fa-sun").addClass("fa-moon");
}
} }
}); });
</script> </script>