From 285776d4530266f7333b04168f84eaf41972f662 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Thu, 1 Dec 2022 22:12:31 +0800
Subject: [PATCH] ui: make ellipsis dot gray

---
 components/account/AccountInfo.vue | 2 +-
 pages/@[account]/index/index.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/account/AccountInfo.vue b/components/account/AccountInfo.vue
index b303b2a5..0e22be9e 100644
--- a/components/account/AccountInfo.vue
+++ b/components/account/AccountInfo.vue
@@ -21,7 +21,7 @@ defineOptions({
     </AccountHoverWrapper>
     <div flex="~ col" shrink overflow-hidden>
       <ContentRich font-bold :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" overflow-hidden truncate text-ellipsis />
-      <AccountHandle :account="account" text-sm overflow-hidden truncate text-ellipsis />
+      <AccountHandle :account="account" text-sm overflow-hidden truncate text-ellipsis text-secondary-light />
     </div>
   </component>
 </template>
diff --git a/pages/@[account]/index/index.vue b/pages/@[account]/index/index.vue
index ee6eb144..703eb861 100644
--- a/pages/@[account]/index/index.vue
+++ b/pages/@[account]/index/index.vue
@@ -49,7 +49,7 @@ const paginator = $computed(() => tabs.find(t => t.name === tab)!.paginator)
       <TimelinePaginator :key="tab" :paginator="paginator" />
     </KeepAlive>
   </div>
-  <div v-else h-30 flex="~ center" text-gray>
+  <div v-else h-30 flex="~ center" text-secondary-light>
     Profile unavailable
   </div>
 </template>