app.html 973 B

12345678910111213141516171819202122232425262728
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="icon" href="%sveltekit.assets%/favicon.png" />
  6. <link rel="manifest" href="%sveltekit.assets%/manifest.json" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  8. <script>
  9. // On page load or when changing themes, best to add inline in `head` to avoid FOUC
  10. if (
  11. localStorage.theme === 'light' ||
  12. (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: light)').matches)
  13. ) {
  14. document.documentElement.classList.add('light');
  15. } else if (localStorage.theme === 'dark') {
  16. document.documentElement.classList.add('dark');
  17. } else {
  18. document.documentElement.classList.add('dark');
  19. document.documentElement.classList.add(localStorage.theme);
  20. }
  21. </script>
  22. %sveltekit.head%
  23. </head>
  24. <body data-sveltekit-preload-data="hover">
  25. <div style="display: contents">%sveltekit.body%</div>
  26. </body>
  27. </html>