From 68309f885916a134518a2ee488bb6be4a040c73d Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Wed, 8 Jun 2022 09:26:04 +0430
Subject: [PATCH] update 5 files

---
 src/components/Blog/design3/index.js |  4 ++--
 src/components/Blog/design4/index.js | 10 +++++-----
 src/components/Blog/design5/index.js | 10 +++++-----
 src/components/Blog/design6/index.js | 10 +++++-----
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/Blog/design3/index.js b/src/components/Blog/design3/index.js
index 6eb5b94..17d79a3 100644
--- a/src/components/Blog/design3/index.js
+++ b/src/components/Blog/design3/index.js
@@ -37,12 +37,12 @@ const BlogDesign3 = ({
           {blogAuthor && (
             <div className="flex items-center">
               <img src={blogAuthorImg} alt="author" className="w-8" />
-              <p className="mr-2 text-sm text-[#2a2a2a]">{blogAuthor}</p>
+              <p className="mr-2 text-sm text-primaryText">{blogAuthor}</p>
             </div>
           )}
           {blogComments && (
             <div className="flex items-center">
-              <p className="ml-2 text-sm text-[#2a2a2a]">{blogComments}</p>
+              <p className="ml-2 text-sm text-primaryText">{blogComments}</p>
               <CommentIcon
                 commentClassName="w-7"
                 commentNum={"26"}
diff --git a/src/components/Blog/design4/index.js b/src/components/Blog/design4/index.js
index d9bf7fb..6050282 100644
--- a/src/components/Blog/design4/index.js
+++ b/src/components/Blog/design4/index.js
@@ -17,12 +17,12 @@ const BlogDesign4 = ({
       <div className="flex-1 flex flex-col justify-between py-3 transform translate-x-10">
         <div className="flex flex-col">
           {blogTitle && (
-            <h2 className="text-base text-justify text-[#646464] font-sansbold leading-6">
+            <h2 className="text-base text-justify text-primaryText font-bold leading-6">
               {blogTitle}
             </h2>
           )}
           {blogExcerpt && (
-            <p className="mt-4 text-justify text-sm text-[#646464] leading-6">
+            <p className="mt-4 text-justify text-sm text-primaryText leading-6">
               {blogExcerpt}
             </p>
           )}
@@ -31,16 +31,16 @@ const BlogDesign4 = ({
           {blogAuthor && (
             <div className="flex items-center">
               <img src={blogAuthorImg} alt="author" className="w-8" />
-              <p className="mr-2 text-sm text-[#818181]">{blogAuthor}</p>
+              <p className="mr-2 text-sm text-primaryText">{blogAuthor}</p>
             </div>
           )}
           {blogComments && (
             <div className="flex items-center">
-              <p className="ml-2 text-sm text-[#818181]">{blogComments}</p>
+              <p className="ml-2 text-sm text-primaryText">{blogComments}</p>
               <CommentIcon
                 commentClassName="w-7"
                 commentNum={"26"}
-                className="w-5 h-5 bg-[#818181] text-white text-[10px] font-sansbold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
+                className="w-5 h-5 bg-primaryText text-white text-[10px] font-bold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
               />
             </div>
           )}
diff --git a/src/components/Blog/design5/index.js b/src/components/Blog/design5/index.js
index 6ce3f09..9fcf358 100644
--- a/src/components/Blog/design5/index.js
+++ b/src/components/Blog/design5/index.js
@@ -15,12 +15,12 @@ const BlogDesign5 = ({
       <div className="flex-1 flex flex-col justify-between mr-4 py-2">
         <div className="flex flex-col">
           {blogTitle && (
-            <h2 className="text-base text-justify text-[#646464] font-sansbold leading-6">
+            <h2 className="text-base text-justify text-primaryText font-bold leading-6">
               {blogTitle}
             </h2>
           )}
           {blogExcerpt && (
-            <p className="mt-4 text-justify text-sm text-[#646464] leading-6">
+            <p className="mt-4 text-justify text-sm text-primaryText leading-6">
               {blogExcerpt}
             </p>
           )}
@@ -29,16 +29,16 @@ const BlogDesign5 = ({
           {blogAuthor && (
             <div className="flex items-center">
               <img src={blogAuthorImg} alt="author" className="w-8" />
-              <p className="mr-2 text-sm text-[#818181]">{blogAuthor}</p>
+              <p className="mr-2 text-sm text-primaryText">{blogAuthor}</p>
             </div>
           )}
           {blogComments && (
             <div className="flex items-center">
-              <p className="ml-2 text-sm text-[#818181]">{blogComments}</p>
+              <p className="ml-2 text-sm text-primaryText">{blogComments}</p>
               <CommentIcon
                 commentClassName="w-7"
                 commentNum={"26"}
-                className="w-5 h-5 bg-[#818181] text-white text-[10px] font-sansbold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
+                className="w-5 h-5 bg-primaryText text-white text-[10px] font-bold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
               />
             </div>
           )}
diff --git a/src/components/Blog/design6/index.js b/src/components/Blog/design6/index.js
index 83bf6fa..07e04e5 100644
--- a/src/components/Blog/design6/index.js
+++ b/src/components/Blog/design6/index.js
@@ -14,12 +14,12 @@ const BlogDesign6 = ({
       <img src={featuredImage} alt="" className="w-full" />
       <div className="p-4">
         {blogTitle && (
-          <h2 className="text-base text-justify text-[#646464] font-sansbold leading-6">
+          <h2 className="text-base text-justify text-primaryText font-bold leading-6">
             {blogTitle}
           </h2>
         )}
         {blogExcerpt && (
-          <p className="mt-4 text-justify text-sm text-[#646464] leading-6">
+          <p className="mt-4 text-justify text-sm text-primaryText leading-6">
             {blogExcerpt}
           </p>
         )}
@@ -27,16 +27,16 @@ const BlogDesign6 = ({
           {blogAuthor && (
             <div className="flex items-center">
               <img src={blogAuthorImg} alt="author" className="w-8" />
-              <p className="mr-2 text-sm text-[#818181]">{blogAuthor}</p>
+              <p className="mr-2 text-sm text-primaryText">{blogAuthor}</p>
             </div>
           )}
           {blogComments && (
             <div className="flex items-center">
-              <p className="ml-2 text-sm text-[#818181]">{blogComments}</p>
+              <p className="ml-2 text-sm text-primaryText">{blogComments}</p>
               <CommentIcon
                 commentClassName="w-7"
                 commentNum={"26"}
-                className="w-5 h-5 bg-[#818181] text-white text-[10px] font-sansbold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
+                className="w-5 h-5 bg-primaryText text-white text-[10px] font-bold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
               />
             </div>
           )}