feat(blog) change foreground color in dark mode

frontend/app/(pages)/blog/post/[id]/ButtonGoBack.tsx

@@ -12,7 +12,7 @@ const ButtonGoBack = () => {
         <Button
             startContent={ <IoArrowBackOutline /> }
             variant={ 'light' }
-            onClick={ () => router.back() }
+            onPress={ () => router.back() }
         >
             { 'Back' }
         </Button>

frontend/app/(pages)/blog/post/[id]/Footer.tsx

@@ -33,7 +33,7 @@ const Footer = (props: Props) => {
     return (
         <div className={ `w-full` }>
 
-            <div className={ 'flex transition bg-zinc-300/80 dark:bg-gray-600/25' }>
+            <div className={ 'flex transition bg-zinc-300/80 dark:bg-[#1c1c22]/50' }>
                 <div className={ `p-8 w-full overflow-hidden` }>
                     <div className={ 'relative' }>
                         <FaCreativeCommons

frontend/app/(pages)/blog/post/[id]/MinifyPostCard.tsx

@@ -12,9 +12,9 @@ const MinifyPostCard = (props: Props) => {
     const { post, desc } = props;
     const img_url = post['header_img'] as string;
     return (
-        <div className={ 'w-full transition hover:brightness-75' }>
+        <div className={ 'w-full transition hover:brightness-90' }>
             <Card isFooterBlurred
-                  className="w-full h-[300px] shadow-none border-0 rounded-none overflow-hidden"
+                  className="w-full h-[300px] shadow-none border-0 rounded-none overflow-hidden dark:bg-[#353540]"
                   as={ Link }
                   isPressable
                   href={ `/blog/post/${ post['identifier'] }` }

frontend/app/(pages)/blog/post/[id]/PostCard.tsx

@@ -16,7 +16,7 @@ async function PostCard(props: Props) {
 
     return (
         <div>
-            <Card className={ `max-w-full relative` }>
+            <Card className={ `max-w-full relative dark:bg-[#34343e]` }>
 
                 {/* card headers */ }
                 <Headers title={ post.title }

frontend/app/(pages)/blog/post/[id]/TagChip.tsx

@@ -10,7 +10,7 @@ const TagChip = ({ tag }: { tag: string }) => {
     return (
         <div onClick={ () => router.push(`/blog?tags=${ tag }`) }>
             <Chip
-                className={ 'hover:border-amber-400 hover:dark:border-amber-700  transition-all' }
+                className={ 'hover:border-amber-400 hover:dark:border-amber-700  transition-all dark:bg-[#353540] dark:border-amber-50/25' }
                 variant={ 'faded' }
             >{ tag }</Chip>
         </div>