feat: 修改 logo

frontend/src/components/app-layout/menu/components/Logo.vue

@@ -1,12 +1,24 @@
 <template>
     <div class="logo flx-center">
-        <img v-show="!isCollapse" src="@/assets/images/1panel-menu.png" />
-        <img v-show="isCollapse" src="@/assets/images/1panel-small.png" />
+        <img v-show="!isCollapse" :src="getLogoUrl(isCollapse)" alt="" />
+        <img v-show="isCollapse" :src="getLogoUrl(isCollapse)" alt="" />
     </div>
 </template>
 
 <script setup lang="ts">
+import { GlobalStore } from '@/store';
+
 defineProps<{ isCollapse: boolean }>();
+const globalStore = GlobalStore();
+
+const getLogoUrl = (isCollapse: boolean) => {
+    const theme = globalStore.$state.themeConfig.theme || 'light';
+    if (isCollapse) {
+        return new URL(`../../../../assets/images/1panel-logo-${theme}.png`, import.meta.url).href;
+    } else {
+        return new URL(`../../../../assets/images/1panel-menu-${theme}.png`, import.meta.url).href;
+    }
+};
 </script>
 
 <style scoped lang="scss">

frontend/src/styles/index.scss

@@ -2,5 +2,4 @@
 @use './element.scss';
 @use './element-dark.scss';
 @use './reset.scss';
-
-
+@use './var.scss';