fix: removed FART Flash of replaced theme

technikhil314 · technikhil314 · commit a1afff296ddc · 2022-04-10T19:33:28.000+05:30
diff --git a/app.html b/app.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" {{ HTML_ATTRS }}>
+<html lang="en" {{ HTML_ATTRS }} class="hidden">
 
 <head {{ HEAD_ATTRS }}>
   <script>(function (w, d, s, l, i) {
diff --git a/components/navbar.vue b/components/navbar.vue
@@ -176,6 +176,7 @@ export default {
         'dark'
       )
       document.cookie = `darkMode=${this.darkMode}; Secure; max-age=31536000; path=/;`
+      document.documentElement.classList.remove('hidden')
     },
   },
 }
diff --git a/styles/global.scss b/styles/global.scss
@@ -16,6 +16,11 @@ body {
   font-family: 'Open Sans', sans-serif;
 }
 
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
 .page-root {
   @apply flow-root w-full;
 }

Original file line number	Diff line number	Diff line change
`@@ -176,6 +176,7 @@ export default {`
`176`	`176`	`'dark'`
`177`	`177`	`)`
`178`	`178`	document.cookie = `darkMode=${this.darkMode}; Secure; max-age=31536000; path=/;`
	`179`	`+ document.documentElement.classList.remove('hidden')`
`179`	`180`	`},`
`180`	`181`	`},`
`181`	`182`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,11 @@ body {`
`16`	`16`	`font-family: 'Open Sans', sans-serif;`
`17`	`17`	`}`
`18`	`18`
	`19`	`+.hidden {`
	`20`	`+ display: none;`
	`21`	`+ visibility: hidden;`
	`22`	`+}`
	`23`	`+`
`19`	`24`	`.page-root {`
`20`	`25`	`@apply flow-root w-full;`
`21`	`26`	`}`