fix: improve message action contrast

Author: thonatos

apps/web/app/routes/my.messages.tsx

@@ -98,8 +98,8 @@ export default function Messages({ loaderData }: Route.ComponentProps) {
               <Badge variant={unreadMsgs.length > 0 ? "default" : "secondary"}>
                 {unreadMsgs.length} 条新消息
               </Badge>
-              <Button size="sm" variant="outline" onClick={() => markAllRead()} disabled={unreadMsgs.length === 0 || markingAll}>
-                <CheckCheck /> {markingAll ? "处理中" : "全部已读"}
+              <Button size="sm" variant="secondary" onClick={() => markAllRead()} disabled={unreadMsgs.length === 0 || markingAll}>
+                <CheckCheck data-icon="inline-start" /> {markingAll ? "处理中" : "全部已读"}
               </Button>
             </div>
         } />

apps/web/tests/Messages.test.tsx

@@ -76,6 +76,15 @@ describe("messages page", () => {
     expect(screen.queryByText(/<p>|<\/p>/)).not.toBeInTheDocument();
   });
 
+  it("keeps the mark-all action readable against the brand header", () => {
+    renderMessages([], [makeMessage("unread", "新消息")]);
+
+    expect(screen.getByRole("button", { name: "全部已读" })).toHaveClass(
+      "bg-secondary",
+      "text-secondary-foreground",
+    );
+  });
+
   it("omits empty summaries and limits long content", () => {
     renderMessages(
       [makeMessage("empty", "   ", true)],