index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  7. <title></title>
  8. <meta name="description" content="Opinionated Vite Starter Template">
  9. <!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script> -->
  10. </head>
  11. <body class="font-sans dark:text-white dark:bg-hex-121212">
  12. <div id="app"></div>
  13. <noscript>
  14. <div>Please enable JavaScript to use this application.</div>
  15. </noscript>
  16. <script>
  17. (function () {
  18. var vConsole = new window.VConsole();
  19. var angent = navigator.userAgent
  20. const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
  21. const setting = localStorage.getItem('color-schema') || 'auto'
  22. if (setting === 'dark' || (prefersDark && setting !== 'light'))
  23. document.documentElement.classList.toggle('dark', true)
  24. document.getElementsByTagName('html')[0].style.fontSize = `${(document.documentElement.clientWidth / 750) * 100}px`
  25. window.onresize = function () {
  26. document.getElementsByTagName('html')[0].style.fontSize = `${(document.documentElement.clientWidth / 750) * 100}px`
  27. }
  28. })()
  29. </script>
  30. <script src="/config.js"></script>
  31. <script type="module" src="/src/main.ts"></script>
  32. </body>
  33. </html>