diff --git a/src/views/app/AppMine.vue b/src/views/app/AppMine.vue
index d6a8c98..940f2f9 100644
--- a/src/views/app/AppMine.vue
+++ b/src/views/app/AppMine.vue
@@ -160,12 +160,7 @@ onMounted(loadMyApps)
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, var(--el-color-primary-light-8), var(--el-color-primary-light-7));
-  color: var(--el-color-primary);
-}
-// dark 主题：浅色渐变块刺眼，改用主色低透明度暗底 + 主色图标
-:global(html.dark) .app-icon {
-  background: rgba(64, 158, 255, 0.14);
+  background: var(--el-fill-color-light);
   color: var(--el-color-primary);
 }
 .app-titles {
diff --git a/src/views/app/AppPending.vue b/src/views/app/AppPending.vue
index a63819b..8ffc583 100644
--- a/src/views/app/AppPending.vue
+++ b/src/views/app/AppPending.vue
@@ -124,7 +124,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, var(--el-color-primary-light-8), var(--el-color-primary-light-7));
+  background: var(--el-fill-color-light);
   color: var(--el-color-primary);
 }
 .pending-main {