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">