1 files changed, 7 insertions, 1 deletions
diff --git a/enter.html b/enter.html
index ab0e8a4..ba13ab2 100755
--- a/enter.html
+++ b/enter.html
@@ -3,6 +3,9 @@
 <head>
 <meta charset="UTF-8" />
 <title>welcome — tyler.xyz</title>
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Audiowide&family=Michroma&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap" />
 <link rel="stylesheet" href="aero.css" />
 <style>
   body {
@@ -157,7 +160,8 @@
   .badge.silver { background: linear-gradient(to bottom, oklch(88% 0.02 230), oklch(60% 0.04 235)); border-color: oklch(45% 0.05 240); color: oklch(20% 0.04 240); text-shadow: 0 1px 0 rgba(255,255,255,0.6); }
 </style>
 </head>
-<body>
+<body class="welcome-body">
+  <script>(function(){var t=localStorage.getItem('tyler.theme')||'aero';document.body.setAttribute('data-theme',t);})();</script>
   <div id="bub-stage" style="position:fixed;inset:0;pointer-events:none;z-index:0"></div>
 
   <div class="stage">
@@ -184,8 +188,10 @@
 
 <script src="aero.js"></script>
 <script>
+  Aero.initTheme();
   Aero.spawnBubbles(document.getElementById('bub-stage'), 26);
   Aero.sparkleCursor();
+  Aero.mountThemeSwitcher();
 </script>
 </body>
 </html>