diff --git a/app/spa-loading-template.html b/app/spa-loading-template.html
new file mode 100644
index 0000000..0533a48
--- /dev/null
+++ b/app/spa-loading-template.html
@@ -0,0 +1,5 @@
+<style>
+  body {
+    background-color: #1b1b1f;
+  }
+</style>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index b510b12..f365e61 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -4,6 +4,7 @@ import { isDevelopment } from 'std-env'
 export default defineNuxtConfig({
   ssr: false, // Firebase
   devtools: { enabled: true },
+  spaLoadingTemplate: './app/spa-loading-template.html',
 
   vue: {
     defineModel: true,
diff --git a/pages/app/[...slug].vue b/pages/app/[...slug].vue
index 625a80d..b61e07b 100644
--- a/pages/app/[...slug].vue
+++ b/pages/app/[...slug].vue
@@ -35,6 +35,12 @@ useHeadSafe({
   titleTemplate: (titleChunk) => {
     return titleChunk ? `${titleChunk} - SSTAA` : 'SSTAA'
   },
+  meta: [
+    {
+      name: 'color-scheme',
+      content: 'dark',
+    },
+  ],
   link: [
     {
       rel: 'icon',