fix(projects): 页面各部分背景颜色添加自然过渡

src/layouts/BaseLayout/components/common/GlobalLogo/index.vue

@@ -1,5 +1,17 @@
 <template>
-  <a href="/" class="flex-center nowrap-hidden bg-light dark:bg-dark cursor-pointer">
+  <a
+    href="/"
+    class="
+      flex-center
+      nowrap-hidden
+      bg-light
+      dark:bg-dark
+      transition-background-color
+      duration-300
+      ease-in-out
+      cursor-pointer
+    "
+  >
     <system-logo class="w-32px h-32px" :color="theme.themeColor" />
     <h2 v-show="showTitle" class="text-primary pl-8px text-16px font-bold">{{ title }}</h2>
   </a>

src/layouts/BaseLayout/components/common/GlobalTab/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="multi-tab flex-center w-full pl-16px bg-light dark:bg-dark">
+  <div class="multi-tab flex-center w-full pl-16px">
     <div class="flex-1-hidden h-full">
       <better-scroll :options="{ scrollX: true, scrollY: false, click: true }">
         <multi-tab />