flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/bluesky-website-generator.
bluesky-website-generator.vercel.app
1.1 kB
43 lines
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 %sveltekit.head%
8
9
10 <script>
11 let dark = localStorage.getItem('darkMode');
12 if (dark) {
13 dark = JSON.parse(dark);
14 } else {
15 dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
16 }
17
18 var root = document.getElementsByTagName('html')[0];
19 if (dark) {
20 root.classList.add('dark');
21 } else {
22 root.classList.remove('dark');
23 }
24
25 // get accent color from local storage
26 let accentColor = localStorage.getItem('accentColor');
27 if (accentColor) {
28 accentColor = JSON.parse(accentColor);
29 root.classList.add(accentColor);
30 }
31
32 // get base color from local storage
33 let baseColor = localStorage.getItem('baseColor');
34 if (baseColor) {
35 baseColor = JSON.parse(baseColor);
36 root.classList.add(baseColor);
37 }
38 </script>
39 </head>
40 <body data-sveltekit-preload-data="hover" class="bg-base-50 dark:bg-base-950">
41 <div style="display: contents">%sveltekit.body%</div>
42 </body>
43</html>