light-and-ray/sd-webui-toggle-dark-light
1
0
Fork 0
mirror of https://github.com/light-and-ray/sd-webui-toggle-dark-light.git synced 2026-03-13 17:29:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix tabs

Browse Source
This commit is contained in:
Andray
2024-07-12 17:43:11 +04:00
parent 5a3af9f1e8
commit 34cd9a5d1a
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
javascript/toggle_dark_light.js
View File

@@ -1,36 +1,36 @@
onUiLoaded(() => {
function updateUrlParameter(key, value) {
var url = new URL(window.location.href);
url.searchParams.set(key, value);
history.replaceState(null, '', url.href);
}
function updateUrlParameter(key, value) {
var url = new URL(window.location.href);
url.searchParams.set(key, value);
history.replaceState(null, '', url.href);
}
function deleteUrlParameter(key) {
var url = new URL(window.location.href);
url.searchParams.delete(key);
history.replaceState(null, '', url.href);
}
function deleteUrlParameter(key) {
var url = new URL(window.location.href);
url.searchParams.delete(key);
history.replaceState(null, '', url.href);
}
function syncArgAndClass() {
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
if (!document.body.classList.contains('dark')) {
updateUrlParameter('__theme', 'light');
} else {
deleteUrlParameter('__theme');
}
} else {
if (document.body.classList.contains('dark')) {
updateUrlParameter('__theme', 'dark');
} else {
deleteUrlParameter('__theme');
}
}
}
function syncArgAndClass() {
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
if (!document.body.classList.contains('dark')) {
updateUrlParameter('__theme', 'light');
} else {
deleteUrlParameter('__theme');
}
} else {
if (document.body.classList.contains('dark')) {
updateUrlParameter('__theme', 'dark');
} else {
deleteUrlParameter('__theme');
}
}
}
function toggleDarkMode() {
document.body.classList.toggle('dark');
syncArgAndClass();
syncArgAndClass();
}
const button = document.createElement('button');