Resolve #10: Switch to black text logo in light mode

cubing · Apr 6, 2021 · 34d1d06 · 34d1d06
1 parent d22c19a
commit 34d1d06
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
@@ -64,7 +64,11 @@
       <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
       <nuxt-link to="/">
         <v-img
-          :src="require('../static/cubepb-logo-2.png')"
+          :src="
+            require($vuetify.theme.dark
+              ? '../static/cubepb-logo-2.png'
+              : '../static/cubepb-logo-2-b.png')
+          "
           max-height="48"
           max-width="130"
           contain

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
@@ -3,7 +3,15 @@
     <v-layout column justify-center align-center>
       <v-flex xs12 sm8 md6 style="max-width: 600px">
         <div class="text-center pb-5 pt-3">
-          <img src="../static/cubepb-logo-2.png" alt="" style="width: 75%" />
+          <img
+            :src="
+              require($vuetify.theme.dark
+                ? '../static/cubepb-logo-2.png'
+                : '../static/cubepb-logo-2-b.png')
+            "
+            alt=""
+            style="max-width: 75%"
+          />
         </div>
         <v-card>
           <v-card-title class="headline">

diff --git a/frontend/static/cubepb-logo-2-b.png b/frontend/static/cubepb-logo-2-b.png