fix(projects): 修复登录页刷新跳404

src/components/common/LoginBg/index.vue

@@ -1,15 +1,27 @@
 <template>
   <div class="absolute-lt w-full h-full overflow-hidden">
     <div class="absolute -right-300px -top-900px">
-      <corner-top />
+      <corner-top :start-color="firstColor" :end-color="secondColor" />
     </div>
     <div class="absolute -left-200px -bottom-400px">
-      <corner-bottom />
+      <corner-bottom :start-color="firstColor" :end-color="secondColor" />
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { brightenColor, darkenColor } from '@/utils';
 import { CornerTop, CornerBottom } from './components';
+
+const props = defineProps({
+  themeColor: {
+    type: String,
+    default: '#409EFF'
+  }
+});
+
+const firstColor = computed(() => darkenColor(props.themeColor));
+const secondColor = computed(() => brightenColor(props.themeColor));
 </script>
 <style scoped></style>

src/components/common/SystemLogo/components/SvgFillLogo.vue

@@ -35,7 +35,7 @@ defineProps({
   },
   foreground: {
     type: String,
-    default: '#fefefe00'
+    default: '#fefefe'
   }
 });
 </script>

src/components/custom/ButtonTab/index.vue

@@ -29,7 +29,7 @@
 import { computed } from 'vue';
 import { useBoolean } from '@/hooks';
 import { IconClose } from '@/components';
-import { shallowColor } from '@/utils';
+import { addColorAlpha } from '@/utils';
 
 const props = defineProps({
   isActive: {
@@ -62,10 +62,10 @@ const buttonStyle = computed(() => {
   const style: { [key: string]: string } = {};
   if (props.isActive || isHover.value) {
     style.color = props.primaryColor;
-    style.borderColor = shallowColor(props.primaryColor, 0.3);
+    style.borderColor = addColorAlpha(props.primaryColor, 0.3);
     if (props.isActive) {
       const alpha = props.darkMode ? 0.15 : 0.1;
-      style.backgroundColor = shallowColor(props.primaryColor, alpha);
+      style.backgroundColor = addColorAlpha(props.primaryColor, alpha);
     }
   }
   return style;

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

@@ -30,7 +30,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { shallowColor } from '@/utils';
+import { addColorAlpha } from '@/utils';
 
 /** 填充的背景颜色： [默认颜色, 暗黑主题颜色] */
 type FillColor = [string, string];
@@ -66,7 +66,7 @@ const fill = computed(() => {
   }
   if (props.isActive) {
     const alpha = props.darkMode ? 0.15 : 0.1;
-    color = shallowColor(props.primaryColor, alpha);
+    color = addColorAlpha(props.primaryColor, alpha);
   }
   return color;
 });