fix: style optimization

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

@@ -258,6 +258,7 @@ function clearPreferencesAndLogout() {
       <LayoutTabbar
         v-if="preferences.tabbar.enable"
         :show-icon="preferences.tabbar.showIcon"
+        :theme="theme"
       />
     </template>
 

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

@@ -12,7 +12,7 @@ defineOptions({
   name: 'LayoutTabbar',
 });
 
-defineProps<{ showIcon?: boolean }>();
+defineProps<{ showIcon?: boolean; theme?: string }>();
 
 const coreTabbarStore = useCoreTabbarStore();
 
@@ -40,6 +40,7 @@ if (!preferences.tabbar.persist) {
 <template>
   <TabsView
     :active="currentActive"
+    :class="theme"
     :context-menus="createContextMenus"
     :dragable="preferences.tabbar.dragable"
     :show-icon="showIcon"