From ed22128028a4fdaf7d5f36e6f95d57ac7f196cd0 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Fri, 9 Jan 2026 01:29:38 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E9=80=9A=E7=9F=A5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E8=83=8C=E6=99=AF=E5=92=8C=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=EF=BC=8C=E6=8F=90=E5=8D=87=E8=A7=86=E8=A7=89=E4=B8=80=E8=87=B4?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/notify/detail.vue | 4 ++--
 src/views/notify/index.vue  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/notify/detail.vue b/src/views/notify/detail.vue
index ae968d6..39b68bb 100644
--- a/src/views/notify/detail.vue
+++ b/src/views/notify/detail.vue
@@ -23,8 +23,8 @@ function getConfigByType(type: string) {
       <div v-if="data" class="notification-detail">
         <!-- 图标和标题 -->
         <div class="flex items-start gap-4">
-          <div class="bg-text-950 p-2.5 rounded-full shrink-0">
-            <Icon :icon="getConfigByType(data.notification.type).icon" class="text-2xl" :style="{ color: getConfigByType(data.notification.type).color }" />
+          <div class="bg-success p-3 rounded-full shrink-0">
+            <Icon :icon="getConfigByType(data.notification.type).icon" class="text-xl text-(--ion-background-color)" />
           </div>
           <div class="flex-1 min-w-0">
             <div class="text-xl font-semibold wrap-break-word">
diff --git a/src/views/notify/index.vue b/src/views/notify/index.vue
index 519c5dd..f9f29ce 100644
--- a/src/views/notify/index.vue
+++ b/src/views/notify/index.vue
@@ -103,8 +103,8 @@ onBeforeMount(() => {
           class="py-3"
           @click="handleItemClick(item)"
         >
-          <div slot="start" class="bg-text-950 p-2.5 rounded-full">
-            <Icon :icon="getConfigByType(item.notification.type).icon" class="text-2xl" :style="{ color: getConfigByType(item.notification.type).color }" />
+          <div slot="start" class="bg-success p-3 rounded-full">
+            <Icon :icon="getConfigByType(item.notification.type).icon" class="text-xl text-(--ion-background-color)" />
           </div>
           <div class="pl-3 w-full">
             <div class="flex items-center justify-between mb-1">