diff --git a/NUXT/pages/index.vue b/NUXT/pages/index.vue
index 46c1d4b..cbe1c3f 100644
--- a/NUXT/pages/index.vue
+++ b/NUXT/pages/index.vue
@@ -1,22 +1,15 @@
 <template>
   <center class="container">
-    <v-img src="/icon.svg" width="10em" style="margin-bottom: 1em" />
+    <v-img
+      src="/icon.svg"
+      width="10em"
+      style="margin-bottom: 1em"
+      :class="this.$vuetify.theme.dark ? '' : 'invert'"
+    />
     <v-progress-circular size="50" indeterminate color="primary" />
   </center>
 </template>
 
-<style scoped>
-.container {
-  padding-top: 3em;
-  display: block;
-
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -80%);
-}
-</style>
-
 <script>
 import { SplashScreen } from "@capacitor/splash-screen";
 
@@ -63,3 +56,18 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+.container {
+  padding-top: 3em;
+  display: block;
+
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -80%);
+}
+.invert {
+  filter: invert(100%);
+}
+</style>