1/n Fixing dark mode
This commit is contained in:
parent
f42e57d464
commit
8d886e0961
6 changed files with 31 additions and 35 deletions
21
crates/librqbit/webui/src/helper/darkMode.ts
Normal file
21
crates/librqbit/webui/src/helper/darkMode.ts
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
let darkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
||||
|
||||
window
|
||||
.matchMedia("(prefers-color-scheme: dark)")
|
||||
.addEventListener("change", (event) => {
|
||||
DarkMode.setDark(event.matches);
|
||||
});
|
||||
|
||||
export const DarkMode = {
|
||||
isDark: () => darkMode,
|
||||
setDark: (value: boolean) => {
|
||||
darkMode = value;
|
||||
document.body.classList.toggle("dark", darkMode);
|
||||
return darkMode;
|
||||
},
|
||||
toggle: () => {
|
||||
DarkMode.setDark(!darkMode);
|
||||
},
|
||||
};
|
||||
|
||||
DarkMode.setDark(darkMode);
|
||||
Loading…
Add table
Add a link
Reference in a new issue