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>
+                <Theme>
                     <Settings>
                         <Locale>
                             <Intermediate>
                                 <Client>
                                     <Voice>
-                                    <Theme>{children}</Theme>
+                                        {children}
                                     </Voice>
                                 </Client>
                             </Intermediate>
                         </Locale>
                     </Settings>
+                </Theme>
             </State>
         </Router>
     );

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

@@ -1,4 +1,5 @@
 .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,