diff --git a/app/appearance/themes/midnight/theme.css b/app/appearance/themes/midnight/theme.css
index 9d8d241a5..37e459d1e 100644
--- a/app/appearance/themes/midnight/theme.css
+++ b/app/appearance/themes/midnight/theme.css
@@ -59,13 +59,13 @@
 
     /* 卡片背景 */
     --b3-card-error-color: rgb(243, 153, 147);
-    --b3-card-error-background: #cc352d3d;
+    --b3-card-error-background: #442724;
     --b3-card-warning-color: rgb(255, 213, 153);
-    --b3-card-warning-background: #be8b585d;
+    --b3-card-warning-background: #554636;
     --b3-card-info-color: rgb(166, 213, 250);
-    --b3-card-info-background: rgba(0, 153, 255, 0.288);
+    --b3-card-info-background: #28405c;
     --b3-card-success-color: rgb(183, 223, 185);
-    --b3-card-success-background: #85d0a34d;
+    --b3-card-success-background: #425347;
 
     /* 自定义文字 */
     --b3-font-color1: var(--b3-card-error-color);
diff --git a/app/src/protyle/header/Background.ts b/app/src/protyle/header/Background.ts
index ef7c69651..ace7f0bb2 100644
--- a/app/src/protyle/header/Background.ts
+++ b/app/src/protyle/header/Background.ts
@@ -382,7 +382,7 @@ export class Background {
         this.element.setAttribute("data-node-id", rootId);
         if (tags) {
             let html = "";
-            const colors = ["secondary", "primary", "info", "success", "warning", "error", ""];
+            const colors = ["secondary", "primary", "info", "success", "warning", "error", "pink"];
             tags.split(",").forEach((item, index) => {
                 html += `<div class="b3-chip b3-chip--middle b3-chip--pointer b3-chip--${colors[index % 7]}" data-type="open-search">${item}<svg class="b3-chip__close" data-type="remove-tag"><use xlink:href="#iconCloseRound"></use></svg></div>`;
             });