dan/Mangades
1
0
Fork 0
mirror of https://github.com/danbulant/Mangades synced 2026-07-08 04:20:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

make dark mode default

Browse source
This commit is contained in:
Daniel Bulant 2022-12-09 18:19:23 +01:00
parent f40c4a4d65
commit 21daa3872f
1 changed files with 1 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/routes/+layout.svelte
View file

@ -16,7 +16,7 @@
last = window.location.pathname; last = window.location.pathname;
}); });
let defaultDarkmode = typeof window !== "undefined" && window.matchMedia('(prefers-color-scheme: dark)').matches; let defaultDarkmode = true; // typeof window !== "undefined" && window.matchMedia('(prefers-color-scheme: dark)').matches;
typeof window !== "undefined" && window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { typeof window !== "undefined" && window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
if(defaultDarkmode == darkmode) { if(defaultDarkmode == darkmode) {
darkmode = event.matches; darkmode = event.matches;
@ -34,9 +34,6 @@
} }
</script> </script>
<button class="darkmode-toggle" class:dark={darkmode} on:click={() => darkmode = !darkmode}>{darkmode ? "Light" : "Dark"}</button>
<!-- routify:options preload="proximity" -->
<div class:dark={darkmode} class="main"> <div class:dark={darkmode} class="main">
<slot /> <slot />
</div> </div>
@ -69,10 +66,6 @@
background: rgba(255,255,255,0.3); background: rgba(255,255,255,0.3);
backdrop-filter: blur(25px); backdrop-filter: blur(25px);
} }
.main {
/* min-width: max(100%, 100vw);
min-height: max(100%, 100vh); */
}
.dark { .dark {
color: white; color: white;
background: black; background: black;