new images

src/InitialLoadingApp.vue

@@ -78,7 +78,7 @@
 </template>
 
 <script>
-import LaunchboardWordMarkLogo from "@/assets/images/logos/P1_Launchboard_Wordmark_Logo_WH.svg";
+import LaunchboardWordMarkLogo from "@/assets/images/logos/LB Logo_Horizontal_White-03.svg";
 export default {
   components: {
     LaunchboardWordMarkLogo
@@ -228,15 +228,15 @@ export default {
       }
       .window {
         position: absolute;
-        width: 40px;
-        height: 40px;
+        width: 50px;
+        height: 50px;
         border-radius: 100%;
         background-color: rgba(178, 213, 238, 0.5);
-        background-image: url("~@/assets/images/logos/Logo_P1_Yodahead-WH.png");
+        background-image: url("~@/assets/images/logos/yoda_head_unite_logo.png");
         background-position-x: center;
-        background-position-y: 2px;
+        background-position-y: 18px;
         background-size: 130%;
-        left: calc(50% - 20px);
+        left: calc(50% - 25px);
         top: 40px;
         border: 5px solid $midgrey;
       }

src/components/NavBar.vue

@@ -10,7 +10,8 @@
     >
       <v-toolbar-title>
         <router-link to="/" class="d-flex">
-          <YodaLogo id="p1-nav-logo" class="my-auto" />
+          <YodaLogoDark v-if="darkMode" id="p1-nav-logo" class="my-auto" />
+          <YodaLogoLight v-else id="p1-nav-logo" class="my-auto" />
         </router-link>
       </v-toolbar-title>
       <v-spacer></v-spacer>
@@ -69,7 +70,8 @@
   </div>
 </template>
 <script>
-import YodaLogo from "@/assets/images/logos/Logo_P1_Yoda_Campfire-WH.svg";
+import YodaLogoDark from "@/assets/images/logos/LB Logo_Horizontal_White-01.svg";
+import YodaLogoLight from "@/assets/images/logos/LB Logo_Horizontal_Blue-01.svg";
 import Burger from "@/components/Burger";
 import Roles from "@/config/user-roles";
 
@@ -93,7 +95,7 @@ userNav[Roles.DOJO_MASTER] = [
 
 export default {
   name: "NavBar",
-  components: { Burger, YodaLogo },
+  components: { Burger, YodaLogoDark, YodaLogoLight },
   data: () => ({
     menuVisible: false
   }),
@@ -101,6 +103,9 @@ export default {
     navItems() {
       const role = this.$store.state.user.user.role;
       return userNav[role];
+    },
+    darkMode() {
+      return this.$store.state.userPreferences.userPreference.darkMode;
     }
   }
 };