diff --git a/easyflow-ui-admin/app/public/brand-logo-preview.html b/easyflow-ui-admin/app/public/brand-logo-preview.html new file mode 100644 index 0000000..5eec227 --- /dev/null +++ b/easyflow-ui-admin/app/public/brand-logo-preview.html @@ -0,0 +1,549 @@ + + + + + + EasyFlow Logo Preview + + + +
+
+
+ Brand refresh / 流动有序 +

EasyFlow 全新品牌 Logo 方案

+

+ 基于“双水流交汇”图形重构为一套完整品牌系统。浅色模式保留清透的流序蓝与蓝青层次, + 暗色模式改为石墨黑语义,避免深蓝底在深色工作台中显得发闷或过重。 +

+ +
+ +
+ +
+
+

主标系统

+

完整锁定不同表面层和导出场景

+
+
+
+

浅色主标

+
+ 浅色主标 +
+

主图标保留水流清透感,适合默认后台、白底文档、浅色导航头部。

+
+
+

暗色主标

+
+ 暗色主标 +
+

暗色版本切换到石墨黑场景语言,图形用冷灰渐层保留细节,不走深蓝底。

+
+
+

深墨单色版

+
+ 单色主标 +
+

适合印刷、低彩物料、水印或不允许彩色渐变的系统场景。

+
+
+

反白单色版

+
+ 反白单色主标 +
+

适合纯黑背景、封面图、启动页或视频压字等高对比使用环境。

+
+
+
+ +
+
+

图标矩阵

+

适配收起侧栏、小尺寸入口和 favicon

+
+
+
+ 彩色图标 + 彩色图标 +
+
+ 暗色图标 + 暗色图标 +
+
+ Favicon + Favicon +
+
+ 反白锁标 + 纯黑背景压字 +
+
+
+ +
+
+

应用场景模拟

+

直接对齐当前管理端的顶栏、侧栏和加载页使用方式

+
+
+
+
+ 浅色界面主标 +
+
+ +
+
+
+
+
+
+
+
+
+ 暗色界面主标 +
+
+ +
+
+
+
+
+
+
+
+
+ 加载页主标 +
正在启动您的 AI 平台...
+
+
+
+
+

品牌判断摘要

+

这套方案保持了 EasyFlow 的蓝系品牌识别,但把深色场景从“蓝底发光”调整为“黑场承托”,更接近现代工作台而不是传统科技后台。

+

如果你后续要继续扩展到登录页、官网、海报或 PPT,这一套资产也已经具备横版、图标版、单色版和黑场版的延展基础。

+
+
+
+
+ + diff --git a/easyflow-ui-admin/app/public/favicon.ico b/easyflow-ui-admin/app/public/favicon.ico index 3de8f5a..61b0d4c 100644 Binary files a/easyflow-ui-admin/app/public/favicon.ico and b/easyflow-ui-admin/app/public/favicon.ico differ diff --git a/easyflow-ui-admin/app/public/favicon.svg b/easyflow-ui-admin/app/public/favicon.svg index 5e74e86..33064b3 100644 --- a/easyflow-ui-admin/app/public/favicon.svg +++ b/easyflow-ui-admin/app/public/favicon.svg @@ -1,16 +1,44 @@ - - - + + + + + + + + + + + - - - - - - - + + + + + + + diff --git a/easyflow-ui-admin/app/public/logo.svg b/easyflow-ui-admin/app/public/logo.svg index 14c65bc..a293690 100644 --- a/easyflow-ui-admin/app/public/logo.svg +++ b/easyflow-ui-admin/app/public/logo.svg @@ -1,20 +1,49 @@ - + - - - + + + + + + + - - - - - - - + + - EasyFlow + + EasyFlow + diff --git a/easyflow-ui-admin/app/public/logoDark.svg b/easyflow-ui-admin/app/public/logoDark.svg index 2c0db80..a860e67 100644 --- a/easyflow-ui-admin/app/public/logoDark.svg +++ b/easyflow-ui-admin/app/public/logoDark.svg @@ -1,20 +1,49 @@ - + - - - + + + + + + + - - - - - - - + + - EasyFlow + + EasyFlow + diff --git a/easyflow-ui-admin/app/public/logoMini.svg b/easyflow-ui-admin/app/public/logoMini.svg index fe66fb4..a94237a 100644 --- a/easyflow-ui-admin/app/public/logoMini.svg +++ b/easyflow-ui-admin/app/public/logoMini.svg @@ -1,16 +1,35 @@ - + - - - + + + + + + + - - - - - - - + + diff --git a/easyflow-ui-admin/app/public/logoMiniDark.svg b/easyflow-ui-admin/app/public/logoMiniDark.svg new file mode 100644 index 0000000..2cadcca --- /dev/null +++ b/easyflow-ui-admin/app/public/logoMiniDark.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + diff --git a/easyflow-ui-admin/app/public/logoMono.svg b/easyflow-ui-admin/app/public/logoMono.svg new file mode 100644 index 0000000..17d077e --- /dev/null +++ b/easyflow-ui-admin/app/public/logoMono.svg @@ -0,0 +1,38 @@ + + + + + + + + EasyFlow + + diff --git a/easyflow-ui-admin/app/public/logoMonoLight.svg b/easyflow-ui-admin/app/public/logoMonoLight.svg new file mode 100644 index 0000000..155e16f --- /dev/null +++ b/easyflow-ui-admin/app/public/logoMonoLight.svg @@ -0,0 +1,38 @@ + + + + + + + + EasyFlow + + diff --git a/easyflow-ui-admin/packages/@core/preferences/src/config.ts b/easyflow-ui-admin/packages/@core/preferences/src/config.ts index c2b6829..a60ef24 100644 --- a/easyflow-ui-admin/packages/@core/preferences/src/config.ts +++ b/easyflow-ui-admin/packages/@core/preferences/src/config.ts @@ -68,6 +68,7 @@ const defaultPreferences: Preferences = { source: '/logo.svg', sourceDark: '/logoDark.svg', sourceMini: '/logoMini.svg', + sourceMiniDark: '/logoMiniDark.svg', }, navigation: { accordion: true, diff --git a/easyflow-ui-admin/packages/@core/preferences/src/types.ts b/easyflow-ui-admin/packages/@core/preferences/src/types.ts index bc89ada..84d85af 100644 --- a/easyflow-ui-admin/packages/@core/preferences/src/types.ts +++ b/easyflow-ui-admin/packages/@core/preferences/src/types.ts @@ -150,6 +150,8 @@ interface LogoPreferences { sourceDark?: string; /** 侧边栏收起logo地址 (可选,若不设置则使用 source) */ sourceMini?: string; + /** 暗色主题下侧边栏收起logo地址 (可选,若不设置则使用 sourceMini/sourceDark/source) */ + sourceMiniDark?: string; } interface NavigationPreferences { diff --git a/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/components/logo/logo.vue b/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/components/logo/logo.vue index c2e29fb..5def6e1 100644 --- a/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/components/logo/logo.vue +++ b/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/components/logo/logo.vue @@ -34,6 +34,10 @@ interface Props { * @zh_CN 侧边栏收起时 Logo 图标 (可选,若不设置则使用 src) */ srcMini?: string; + /** + * @zh_CN 暗色主题下侧边栏收起时 Logo 图标 (可选,若不设置则按 srcMini/srcDark/src 回退) + */ + srcMiniDark?: string; /** * @zh_CN Logo 文本 */ @@ -55,6 +59,7 @@ const props = withDefaults(defineProps(), { src: '', srcDark: '', srcMini: '', + srcMiniDark: '', theme: 'light', fit: 'cover', }); @@ -64,6 +69,9 @@ const props = withDefaults(defineProps(), { */ const logoSrc = computed(() => { if (props.collapsed) { + if (props.theme === 'dark' && props.srcMiniDark) { + return props.srcMiniDark; + } return props.srcMini; } // 如果是暗色主题且提供了 srcDark,则使用暗色主题的 logo diff --git a/easyflow-ui-admin/packages/effects/layouts/src/basic/layout.vue b/easyflow-ui-admin/packages/effects/layouts/src/basic/layout.vue index 16581a5..7b3e754 100644 --- a/easyflow-ui-admin/packages/effects/layouts/src/basic/layout.vue +++ b/easyflow-ui-admin/packages/effects/layouts/src/basic/layout.vue @@ -261,6 +261,13 @@ const headerSlots = computed(() => { :src="preferences.logo.source" :src-dark="preferences.logo.sourceDark ?? preferences.logo.source ?? ''" :src-mini="preferences.logo.sourceMini ?? preferences.logo.source ?? ''" + :src-mini-dark=" + preferences.logo.sourceMiniDark ?? + preferences.logo.sourceMini ?? + preferences.logo.sourceDark ?? + preferences.logo.source ?? + '' + " :text="preferences.app.name ?? ''" :theme="showHeaderNav ? headerTheme : theme" @click="clickLogo" @@ -355,6 +362,13 @@ const headerSlots = computed(() => { :src="preferences.logo.source" :src-dark="preferences.logo.sourceDark ?? preferences.logo.source ?? ''" :src-mini="preferences.logo.sourceMini ?? preferences.logo.source ?? ''" + :src-mini-dark=" + preferences.logo.sourceMiniDark ?? + preferences.logo.sourceMini ?? + preferences.logo.sourceDark ?? + preferences.logo.source ?? + '' + " :text="preferences.app.name ?? ''" :theme="theme" >