app.html
1 <!doctype html> 2 <html class="smoothscroll" lang="en"> 3 <head> 4 <script data-cfasync="false"> 5 // Prevent FARTS (Flash of inAccurate coloR ThemeS) 6 (function () { 7 try { 8 const themePreference = localStorage.getItem('theme')?.replaceAll('"', ''); 9 10 if (!themePreference || themePreference === 'auto') { 11 const darkQuery = window.matchMedia('(prefers-color-scheme: dark)'); 12 const theme = darkQuery.matches ? 'dark' : 'light'; 13 14 document.documentElement.setAttribute('data-theme', theme); 15 } else { 16 const theme = themePreference || 'light'; 17 document.documentElement.setAttribute('data-theme', theme); 18 } 19 20 const colorPreference = localStorage.getItem('primary-color').replaceAll('"', ''); 21 22 if (colorPreference) 23 document.documentElement.setAttribute('data-primary-color', colorPreference); 24 } catch (e) {} 25 })(); 26 </script> 27 <meta charset="utf-8" /> 28 <link rel="manifest" href="/manifest.webmanifest" /> 29 <link rel="icon" href="%sveltekit.assets%/favicon.png" /> 30 <link rel="preload" href="/fonts/Inter-Regular.woff2" as="font" type="font/woff2" crossorigin /> 31 <link 32 rel="preload" 33 href="/fonts/redaction/Redaction_35-Italic.woff2" 34 as="font" 35 type="font/woff2" 36 crossorigin 37 /> 38 <meta name="viewport" content="width=device-width, initial-scale=1" /> 39 <meta name="theme-color" content="" /> 40 <script defer data-domain="drips.network" src="https://plausible.io/js/script.js"></script> 41 <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script> 42 %sveltekit.head% 43 </head> 44 <body data-sveltekit-preload-data="hover" data-sveltekit-preload-code="hover"> 45 <div>%sveltekit.body%</div> 46 </body> 47 </html>