From 8e6451863fdd8203b9b0401c7a402b2da2c1522b Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Mon, 30 Mar 2026 11:19:29 +0800
Subject: [PATCH] css: add css selector for status badge, closes #3678 (#3684)

---
 apps/readest-app/src/app/library/components/StatusBadge.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/readest-app/src/app/library/components/StatusBadge.tsx b/apps/readest-app/src/app/library/components/StatusBadge.tsx
index daca95c6..acb06ad3 100644
--- a/apps/readest-app/src/app/library/components/StatusBadge.tsx
+++ b/apps/readest-app/src/app/library/components/StatusBadge.tsx
@@ -19,6 +19,8 @@ const StatusBadge: React.FC<StatusBadgeProps> = ({ status, children, className }
         'rounded-[1px] px-0.5',
         'text-[8px] font-bold uppercase leading-none tracking-wider',
         'h-3.5',
+        isFinished && 'status-badge-finished',
+        !isFinished && 'status-badge-unread',
         // finished: green/emerald
         isFinished && 'bg-emerald-100 dark:bg-emerald-900/90',
         isFinished && 'border border-emerald-300/50 dark:border-emerald-700/50',