diff --git a/env.d.ts b/env.d.ts
index c393e27d..6140ac48 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -2,4 +2,19 @@
 
 declare module '@sqlite.org/sqlite-wasm'
 
+declare module 'vuetify/lib/util/colors' {
+  let blue: {
+    base: string
+    darken2: string
+    darken3: string
+    lighten1: string
+  }
+  let red: {
+    base: string
+    darken2: string
+    darken3: string
+    lighten1: string
+  }
+}
+
 declare const APP_VERSION: string
diff --git a/src/main.ts b/src/main.ts
index c2463a0c..ec194555 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,6 +3,7 @@ import '@mdi/font/css/materialdesignicons.css'
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import 'vuetify/styles'
+import colors from 'vuetify/lib/util/colors'
 import { createVuetify } from 'vuetify'
 import { aliases, mdi } from 'vuetify/iconsets/mdi'
 
@@ -21,6 +22,28 @@ app.use(
       sets: {
         mdi
       }
+    },
+    theme: {
+      themes: {
+        light: {
+          dark: false,
+          colors: {
+            primary: colors.blue.darken2,
+            'primary-darken-1': colors.blue.darken3,
+            secondary: colors.red.darken2,
+            'secondary-darken-1': colors.red.darken3
+          }
+        },
+        dark: {
+          dark: true,
+          colors: {
+            primary: colors.blue.base,
+            'primary-darken-1': colors.blue.lighten1,
+            secondary: colors.red.base,
+            'secondary-darken-1': colors.red.lighten1
+          }
+        }
+      }
     }
   })
 )