🎨 style: 主题样式修改

src/App.vue

@@ -55,6 +55,7 @@ const getGlobalI18n = computed(() => {
 });
 // 设置初始化，防止刷新时恢复默认
 onBeforeMount(() => {
+  localStorage.clear();
 	// 设置批量第三方 icon 图标
 	setIntroduction.cssCdn();
 	// 设置批量第三方 js

src/layout/logo/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange">
 		<!--<span style="font-size: x-large">{{ themeConfig.globalTitle }}</span>-->
-		<span style="font-size: x-large">Ansjer</span>
+		<span class="font-medium text-4xl italic">Ansjer</span>
 	</div>
 	<div class="layout-logo-size" v-else @click="onThemeConfigChange">
 		<img :src="AnsjerImg" class="layout-logo-size-img"  alt=""/>

src/layout/navMenu/subItem.vue

@@ -8,7 +8,7 @@
 			<sub-item :chil="val.children" />
 		</el-sub-menu>
 		<template v-else>
-			<el-menu-item :index="val.path" :key="val.path">
+			<el-menu-item style="color: #eaeaea" :index="val.path" :key="val.path">
 				<template v-if="!val.meta.isLink || (val.meta.isLink && val.meta.isIframe)">
 					<SvgIcon :name="val.meta.icon" />
 					<span>{{ $t(val.meta.title) }}</span>

src/layout/navMenu/vertical.vue

@@ -6,6 +6,7 @@
 		:collapse="state.isCollapse"
 		:unique-opened="getThemeConfig.isUniqueOpened"
 		:collapse-transition="false"
+    class="font-medium"
 	>
 		<template v-for="val in menuLists">
 			<el-sub-menu :index="val.path" v-if="val.children && val.children.length > 0" :key="val.path">
@@ -16,7 +17,7 @@
 				<SubItem :chil="val.children" />
 			</el-sub-menu>
 			<template v-else>
-				<el-menu-item :index="val.path" :key="val.path">
+				<el-menu-item style="color: #eaeaea" :index="val.path" :key="val.path">
 					<SvgIcon :name="val.meta.icon" />
 					<template #title v-if="!val.meta.isLink || (val.meta.isLink && val.meta.isIframe)">
 						<span>{{ $t(val.meta.title) }}</span>

src/stores/themeConfig.ts

@@ -18,7 +18,7 @@ export const useThemeConfig = defineStore('themeConfig', {
        * 全局主题
        */
       // 默认 primary 主题颜色
-      primary: '#409eff',
+      primary: '#3875f6',
       // 是否开启深色模式
       isIsDark: false,
 
@@ -40,7 +40,7 @@ export const useThemeConfig = defineStore('themeConfig', {
       // 默认菜单导航字体颜色
       menuBarColor: '#eaeaea',
       // 默认菜单高亮背景色
-      menuBarActiveColor: 'rgba(0, 0, 0, 0.2)',
+      menuBarActiveColor: '#3c58af',
       // 是否开启菜单背景颜色渐变
       isMenuBarColorGradual: false,
 

src/theme/app.scss

@@ -58,7 +58,8 @@ body,
   }
 
   .layout-aside {
-    background: var(--next-bg-menuBar);
+    //background: var(--next-bg-menuBar);
+    background: #192442;
     box-shadow: 2px 0 6px rgb(0 21 41 / 1%);
     height: inherit;
     position: relative;
@@ -309,7 +310,8 @@ body,
 /* 颜色值
 ------------------------------- */
 .color-primary {
-  color: var(--el-color-primary);
+  //color: var(--el-color-primary);
+  color: #2d5cf6;
 }
 
 .color-success {
@@ -631,4 +633,4 @@ body,
   z-index: 100;
   display: flex;
   justify-content: center;
-}
+}

src/views/system/login/component/account.vue

@@ -250,7 +250,7 @@ export default defineComponent({
         @keydown.enter="loginClick"
         @click="loginClick"
         :loading="loading.signIn">
-        <span>{{ $t('message.account.accountBtnText') }}</span>
+        <span class="font-medium">{{ $t('message.account.accountBtnText') }}</span>
       </el-button>
       <!--<el-button type="primary" class="login-content-submit" round @click="qrLoginClick"> 企业微信扫码登录</el-button>-->
     </el-form-item>