fix(web): 修正浅色品牌文字颜色

This commit is contained in:
Zhou Weidong committed 2026-10-19 12:32:01 +08:00
1 parent fe1ae954e3
commit e77db70278
1 file changed
+5 -4
+5 -4
View File
@@ -89,7 +89,7 @@ export const useAppStore = defineStore('app', {
// 头部背景颜色 // 头部背景颜色
topHeaderBgColor: '#fff', topHeaderBgColor: '#fff',
// 头部字体颜色 // 头部字体颜色
topHeaderTextColor: 'inherit', topHeaderTextColor: '#303133',
// 头部悬停颜色 // 头部悬停颜色
topHeaderHoverColor: '#f6f6f6', topHeaderHoverColor: '#f6f6f6',
// 头部边框颜色 // 头部边框颜色
@@ -299,7 +299,7 @@ export const useAppStore = defineStore('app', {
// 左侧菜单选中字体颜色 // 左侧菜单选中字体颜色
leftMenuTextActiveColor: isDarkColor ? '#fff' : 'var(--el-color-primary)', leftMenuTextActiveColor: isDarkColor ? '#fff' : 'var(--el-color-primary)',
// logo字体颜色 // logo字体颜色
logoTitleTextColor: isDarkColor ? '#fff' : 'inherit', logoTitleTextColor: isDarkColor ? '#fff' : '#303133',
// logo边框颜色 // logo边框颜色
logoBorderColor: isDarkColor ? color : '#eee' logoBorderColor: isDarkColor ? color : '#eee'
} }
@@ -308,7 +308,7 @@ export const useAppStore = defineStore('app', {
}, },
setHeaderTheme(color: string) { setHeaderTheme(color: string) {
const isDarkColor = colorIsDark(color) const isDarkColor = colorIsDark(color)
const textColor = isDarkColor ? '#fff' : 'inherit' const textColor = isDarkColor ? '#fff' : '#303133'
const textHoverColor = isDarkColor ? lighten(color!, 6) : '#f6f6f6' const textHoverColor = isDarkColor ? lighten(color!, 6) : '#f6f6f6'
const topToolBorderColor = isDarkColor ? color : '#eee' const topToolBorderColor = isDarkColor ? color : '#eee'
setCssVar('--top-header-bg-color', color) setCssVar('--top-header-bg-color', color)
@@ -345,8 +345,9 @@ export const useAppStore = defineStore('app', {
context.store.title = import.meta.env.VITE_APP_TITLE context.store.title = import.meta.env.VITE_APP_TITLE
if (context.store.theme?.elColorPrimary !== '#c4322a') { if (context.store.theme?.elColorPrimary !== '#c4322a') {
context.store.setTheme({ elColorPrimary: '#c4322a' }) context.store.setTheme({ elColorPrimary: '#c4322a' })
context.store.setCssVarTheme()
} }
context.store.setMenuTheme(context.store.theme.leftMenuBgColor)
context.store.setHeaderTheme(context.store.theme.topHeaderBgColor)
} }
} }
}) })