chore: update app name

packages/@core/README.md

@@ -1,3 +1,3 @@
 # @vben-core
 
-系统一些比较基础的SDK和UI组件库，该目录后续可能会迁移出去或者发布到npm，请勿将任何业务逻辑和业务包放在该目录。
+系统一些比较基础的SDK和UI组件库，该目录后续完善后，可能会迁移出去或者发布到npm，请勿将任何业务逻辑和业务包放在该目录。

packages/@core/forward/preferences/src/config.ts

@@ -16,7 +16,7 @@ const defaultPreferences: Preferences = {
     layout: 'sidebar-nav',
     locale: 'zh-CN',
     loginExpiredMode: 'page',
-    name: 'Vben Admin Pro',
+    name: 'Vben Admin',
   },
   breadcrumb: {
     enable: true,
@@ -26,7 +26,7 @@ const defaultPreferences: Preferences = {
     styleType: 'normal',
   },
   copyright: {
-    companyName: 'Vben Admin Pro',
+    companyName: 'Vben Admin',
     companySiteLink: 'https://www.vben.pro',
     date: '2024',
     enable: true,

packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue

@@ -174,7 +174,7 @@ function handleUnpinTab(tab: TabConfig) {
 
               <!-- tab-item-main -->
               <div
-                class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground dark:group-[.is-active]:text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
+                class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
               >
                 <VbenIcon
                   v-if="showIcon"
@@ -200,6 +200,16 @@ function handleUnpinTab(tab: TabConfig) {
 </template>
 
 <style scoped>
+html.dark {
+  .tabs-chrome {
+    .is-active {
+      .tabs-chrome__item-main {
+        @apply text-accent-foreground;
+      }
+    }
+  }
+}
+
 .tabs-chrome {
   .dragging {
     .tabs-chrome__item-main {

packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue

@@ -76,7 +76,7 @@ function handleUnpinTab(tab: TabConfig) {
             :key="tab.key"
             :class="[
               {
-                'is-active bg-background': tab.key === active,
+                'tabs-item is-active bg-background': tab.key === active,
                 dragable: !tab.affixTab,
               },
               typeWithClass.content,
@@ -113,7 +113,7 @@ function handleUnpinTab(tab: TabConfig) {
 
                 <!-- tab-item-main -->
                 <div
-                  class="group-[.is-active]:text-primary dark:group-[.is-active]:text-accent-foreground text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
+                  class="tabs-item__main group-[.is-active]:text-primary text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
                 >
                   <!-- <div
                   class="mx-3 ml-3 mr-2 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] transition-all duration-300 group-hover:mr-2 group-hover:pr-4 group-[.is-active]:pr-4"
@@ -137,3 +137,15 @@ function handleUnpinTab(tab: TabConfig) {
     </VbenScrollbar>
   </div>
 </template>
+
+<style scoped>
+html.dark {
+  .tabs-item {
+    &.is-active {
+      .tabs-item__main {
+        @apply text-accent-foreground;
+      }
+    }
+  }
+}
+</style>

packages/effects/README.md

@@ -2,7 +2,9 @@
 
 `effects` 目录专门用于存放与副作用相关的代码和逻辑。如果你的包具有以下特点，建议将其放置在 `effects` 目录下：
 
-- 使用状态管理框架 `pinia`，并包含处理副作用（如异步操作、API 调用）的部分。
-- 使用 `@vben-core/preferences` 处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用 `localStorage`）。
-- 处理导航、页面跳转等场景，需要管理路由变化的逻辑。
-- 包含与特定组件库紧密耦合或依赖大型仓库的部分。
+- **状态管理**：使用状态管理框架 `pinia`，并包含处理副作用（如异步操作、API 调用）的部分。
+- **用户偏好设置**：使用 `@vben-core/preferences` 处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用 `localStorage`）。
+- **导航和路由**：处理导航、页面跳转等场景，需要管理路由变化的逻辑。
+- **组件库依赖**：包含与特定组件库紧密耦合或依赖大型仓库的部分。
+
+通过将相关代码归类到 `effects` 目录，可以使项目结构更加清晰，便于维护和扩展。

packages/effects/common-ui/src/about/about.vue

@@ -19,7 +19,7 @@ defineOptions({
 withDefaults(defineProps<Props>(), {
   description:
     '是一个现代化开箱即用的中后台解决方案，采用最新的技术栈，包括 Vue 3.0、Vite、TailwindCSS 和 TypeScript 等前沿技术，代码规范严谨，提供丰富的配置选项，旨在为中大型项目的开发提供现成的开箱即用解决方案及丰富的示例，同时，它也是学习和深入前端技术的一个极佳示例。',
-  name: 'Vben Admin Pro',
+  name: 'Vben Admin',
   title: '关于项目',
 });
 

packages/effects/layouts/src/basic/copyright/copyright.vue

@@ -12,7 +12,7 @@ defineOptions({
 });
 
 withDefaults(defineProps<Props>(), {
-  companyName: 'Vben Admin Pro',
+  companyName: 'Vben Admin',
   companySiteLink: '',
   date: '2024',
   icp: '',