From c5874a3f1083621db774d52ae63f210acb618e47 Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Wed, 19 May 2021 16:50:48 +0430
Subject: [PATCH] better chapter looks

---
 webUI/react/src/components/ChapterCard.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/webUI/react/src/components/ChapterCard.tsx b/webUI/react/src/components/ChapterCard.tsx
index b41bf92..0560562 100644
--- a/webUI/react/src/components/ChapterCard.tsx
+++ b/webUI/react/src/components/ChapterCard.tsx
@@ -26,9 +26,6 @@ const useStyles = makeStyles((theme) => ({
         alignItems: 'center',
         padding: 16,
     },
-    read: {
-        backgroundColor: theme.palette.type === 'dark' ? '#353535' : '#f0f0f0',
-    },
     bullet: {
         display: 'inline-block',
         margin: '0 2px',
@@ -80,16 +77,17 @@ export default function ChapterCard(props: IProps) {
             .then(() => triggerChaptersUpdate());
     };
 
+    const readChapterColor = theme.palette.type === 'dark' ? '#acacac' : '#b0b0b0';
     return (
         <>
             <li>
                 <Card>
-                    <CardContent className={`${classes.root} ${chapter.read && classes.read}`}>
+                    <CardContent className={classes.root}>
                         <Link
                             to={`/manga/${chapter.mangaId}/chapter/${chapter.index}`}
                             style={{
                                 textDecoration: 'none',
-                                color: theme.palette.text.primary,
+                                color: chapter.read ? readChapterColor : theme.palette.text.primary,
                             }}
                         >
                             <div style={{ display: 'flex' }}>