Fix: Load Theme early for onboarding.

This commit is contained in:
Paul 2021-06-24 21:07:07 +01:00
parent 8b91b4a632
commit e03c2f88af
4 changed files with 22 additions and 12 deletions

View file

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

View file

@ -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>
);

View file

@ -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 {

View file

@ -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,