| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Workbench</title> | |
| <!-- Prevent flash of wrong theme by setting dark class immediately --> | |
| <script> | |
| (() => { | |
| var stored = localStorage.getItem('workbench:theme'); | |
| var isDark = stored ? stored === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches; | |
| if (isDark) document.documentElement.classList.add('dark'); | |
| })(); | |
| </script> | |
| <style> | |
| /* Prevent flash - set background immediately */ | |
| html { background-color: hsl(0 0% 98%); } | |
| html.dark { background-color: hsl(0 0% 4%); } | |
| </style> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link | |
| href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Hedvig+Letters+Serif:opsz@12..24&family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600&family=Playfair+Display:wght@400;600;700&display=swap" | |
| rel="stylesheet" | |
| /> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script type="module" src="./main.tsx"></script> | |
| </body> | |
| </html> | |