From 9197e862c59add27607a536c6b57f61452889c71 Mon Sep 17 00:00:00 2001
From: LeoKu <leokudev@gmail.com>
Date: Fri, 29 Sep 2023 12:11:05 +0800
Subject: [PATCH] Set usually border color

---
 src/components/widgets/Border.vue | 2 +-
 src/utils/index.ts                | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/Border.vue b/src/components/widgets/Border.vue
index e27bdf3..85444e2 100644
--- a/src/components/widgets/Border.vue
+++ b/src/components/widgets/Border.vue
@@ -2,7 +2,7 @@
   <div
     class="avatar-border"
     :style="{ borderColor: props.color, borderRadius: props.radius }"
-  ></div>
+  />
 </template>
 
 <script lang="ts" setup>
diff --git a/src/utils/index.ts b/src/utils/index.ts
index f2ed191..ba34e04 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -77,6 +77,7 @@ export function getRandomAvatarOption(
       }),
       borderColor: getRandomValue(SETTINGS.borderColor, {
         avoid: [useOption.background?.color],
+        usually: ['transparent'],
       }),
     },