Fix: Load Theme early for onboarding.

index.html

@@ -11,4 +11,9 @@
     <div id="app"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
+  <style>
+    html {
+      background-color: #191919;
+    }
+  </style>
 </html>

src/context/index.tsx

@@ -13,17 +13,19 @@ export default function Context({ children }: { children: Children }) {
     return (
         <Router>
             <State>
-                <Settings>
-                    <Locale>
-                        <Intermediate>
-                            <Client>
-                                <Voice>
-                                    <Theme>{children}</Theme>
-                                </Voice>
-                            </Client>
-                        </Intermediate>
-                    </Locale>
-                </Settings>
+                <Theme>
+                    <Settings>
+                        <Locale>
+                            <Intermediate>
+                                <Client>
+                                    <Voice>
+                                        {children}
+                                    </Voice>
+                                </Client>
+                            </Intermediate>
+                        </Locale>
+                    </Settings>
+                </Theme>
             </State>
         </Router>
     );

src/context/intermediate/modals/Onboarding.module.scss

 .onboarding {
+    height: 100vh;
     display: flex;
     align-items: center;
     flex-direction: column;
@@ -7,7 +8,9 @@
         flex: 1;
 
         &.header {
+            gap: 8px;
             padding: 3em;
+            display: flex;
             text-align: center;
 
             h1 {

src/styles/_page.scss

@@ -9,9 +9,9 @@
 
 html {
     // contain: content;
-    background: var(--background);
     background-size: cover !important;
     background-repeat: no-repeat !important;
+    background-color: var(--background) !important;
 }
 
 html,