diff --git a/docs/components/Logo.vue b/docs/components/Logo.vue
index ceeceaa..2e4a439 100644
--- a/docs/components/Logo.vue
+++ b/docs/components/Logo.vue
@@ -1,3 +1,9 @@
+<script setup lang="ts">
+const colorMode = useColorMode()
+</script>
+
 <template>
-  <img src="/licenseapi.png"/>
+
+  <img src="/licenseapi-dark.png" v-if="colorMode.value === 'light'" alt="LicenseAPI Logo" />
+  <img src="/licenseapi.png" v-else alt="LicenseAPI Logo" />
 </template>
\ No newline at end of file