Change logo color in diffrent color modes

lodinesoftware · Dec 13, 2023 · 90b7c36 · 90b7c36
1 parent 8b71f3e
commit 90b7c36
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/assets/images/brand/wordmark_light.svg b/assets/images/brand/wordmark_light.svg
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -8,6 +8,14 @@
             alt="Lodine"
             width="120"
             class="d-inline-block align-text-top"
+            v-if="colorMode.value == 'light'"
+          />
+          <img
+            src="~/assets/images/brand/wordmark_light.svg"
+            alt="Lodine"
+            width="120"
+            class="d-inline-block align-text-top"
+            v-if="colorMode.value == 'dark'"
           />
         </NuxtLink>
         <button