fix 404 logo color

Author: Sami Kolari

src/components/CompanyCarousel.vue

@@ -62,8 +62,11 @@
         :key="company.name"
         :aria-label="`${company.name} testimonial`"
         :style="`background-image: url(${publicPath}img/carousel-company-icons/${company.imgName})`"
-        class="img-container-small mr-small mr-small bg-white card mt-small"
-        :class="activeCompanyIndex === i ? 'logo-active border-black border-thin' : ''"
+        class="img-container-small bg-white card mt-small"
+        :class="[
+          activeCompanyIndex === i ? 'logo-active border-black border-thin' : '',
+          i === companiesShuffled.length - 1 ? 'mr-none' : 'mr-small'
+        ]"
         @click="activeCompanyIndex = i" />
     </div>
     <button class="theme mt-small">
@@ -138,8 +141,8 @@ export default {
     background-position: center;
   }
   .img-container-small {
-    width: 3rem;
-    height: 3rem;
+    width: 3.15rem;
+    height: 3.15rem;
     background-repeat: no-repeat;
     background-size: 85%;
     background-position: center;

src/views/NotFound.vue

@@ -4,7 +4,8 @@
       <div class="col-sm-12">
         <h3>404 - Not found</h3>
       </div>
-      <img :src="`${publicPath}img/RF-white.svg`" />
+      <img v-if="isDarkMode" :src="`${publicPath}img/RF-white.svg`" />
+      <img v-else :src="`${publicPath}img/RF.svg`" class="mt-small" />
       <div class="col-sm-12 mt-medium">
         <router-link :to="{ name: 'Home' }">
           Back to home
@@ -18,7 +19,11 @@
 export default {
   name: 'NotFound',
   data: () => ({
-    publicPath: process.env.BASE_URL
-  })
+    publicPath: process.env.BASE_URL,
+    isDarkMode: false
+  }),
+  created() {
+    this.isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+  }
 }
 </script>