mirror of
https://github.com/Ellpeck/TinyLifeWeb.git
synced 2024-11-26 04:48:34 +01:00
22 lines
638 B
JavaScript
22 lines
638 B
JavaScript
|
const darkStorage = localStorage.getItem("dark");
|
||
|
|
const darkTheme = darkStorage === null ? window.matchMedia("(prefers-color-scheme: dark)").matches : darkStorage === "true";
|
||
|
|
if (darkTheme) {
|
||
|
|
$('head').append($("<link/>", {
|
||
|
|
rel: "stylesheet",
|
||
|
|
href: "/style/dark.css"
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
$('.navbar-collapse a').on('click', () => $('.navbar-collapse').collapse('hide'));
|
||
|
|
|
||
|
|
let mode = $('#dark-mode');
|
||
|
|
mode.prop('checked', darkTheme);
|
||
|
|
mode.on('click', function () {
|
||
|
|
localStorage.setItem("dark", $(this).prop('checked'));
|
||
|
|
location.hash = "";
|
||
|
|
location.reload();
|
||
|
|
});
|
||
|
|
});
|