ui: make ellipsis dot gray

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>

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>