update 5 files

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"}

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>
           )}

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>
           )}

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>
           )}