feat(ui): add dark alternative colors on knowledge page

mateusfg7 · Dec 12, 2022 · 14c3cf1 · 14c3cf1
1 parent 481c19f
commit 14c3cf1
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/pages/knowledge/[id].tsx b/src/pages/knowledge/[id].tsx
@@ -37,7 +37,12 @@ const Knowledge = ({ post }: Props) => {
             <div>
               <p>
                 <Date dateString={post.date} /> &#8226;{' '}
-                <Link href={`/category/${post.category}`}>{post.category}</Link>
+                <Link
+                  href={`/category/${post.category}`}
+                  className="hover:text-blue-500 dark:hover:text-blue-400"
+                >
+                  {post.category}
+                </Link>
               </p>
               {post.lastUpdate && (
                 <p
@@ -50,7 +55,7 @@ const Knowledge = ({ post }: Props) => {
               <p className="flex flex-wrap gap-3 mt-1">
                 {tags.map((tag, index) => (
                   <Link href={`/tag/${tag.trim()}`} key={index}>
-                    <span className="flex items-center justify-center gap-1 text-neutral-500 hover:text-neutral-900 transition-colors duration-200 hover:cursor-pointe">
+                    <span className="flex items-center justify-center gap-1 text-neutral-500 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors duration-200 hover:cursor-pointe">
                       {tag} <FiTag size={15} />
                     </span>
                   </Link>