diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 0cef91b..82d0b8f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -41,6 +41,11 @@ export default {
   props: {
     source: String
   },
+  mounted() {
+    this.$vuetify.theme.dark = window.matchMedia(
+      "(prefers-color-scheme: dark)"
+    ).matches;
+  },
   methods: {
     switchDrawer() {
       this.$refs.DrawerList.switchDrawer();
diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js
index 32f09a6..46a7cf8 100644
--- a/frontend/src/plugins/vuetify.js
+++ b/frontend/src/plugins/vuetify.js
@@ -7,7 +7,6 @@ Vue.use(Vuetify)
 
 export default new Vuetify({
   theme: {
-    dark: false,
     themes: {
       light: {
         primary: colors.blue.lighten1,