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

src/components/custom/ButtonTab/index.vue

@@ -8,6 +8,9 @@
       border-1px border-[#e5e7eb]
       dark:border-[#ffffff3d]
       rounded-2px
+      transition-border-color
+      duration-300
+      ease-in-out
       cursor-pointer
     "
     :class="[closable ? 'pr-6px' : 'pr-14px']"

src/components/custom/ChromeTab/components/SvgRadiusBg.vue

@@ -12,11 +12,23 @@
       </clipPath>
     </defs>
     <svg width="52%" height="100%">
-      <use xlink:href="#geometry-left" width="214" height="36" :fill="fill"></use>
+      <use
+        xlink:href="#geometry-left"
+        width="214"
+        height="36"
+        :fill="fill"
+        class="transition-fill duration-300 ease-in-out"
+      ></use>
     </svg>
     <g transform="scale(-1, 1)">
       <svg width="52%" height="100%" x="-100%" y="0">
-        <use xlink:href="#geometry-right" width="214" height="36" :fill="fill"></use>
+        <use
+          xlink:href="#geometry-right"
+          width="214"
+          height="36"
+          :fill="fill"
+          class="transition-fill duration-300 ease-in-out"
+        ></use>
       </svg>
     </g>
   </svg>