color fixes

Author: nmayur

src/components/LinkTo/index.tsx

@@ -19,7 +19,7 @@ const LinkTo = ({ href, passHref = true, newTab = false, external = false, child
  {children}
  </a> :
  <Link href={transformPath(href)} passHref={passHref}>
- <a className={combineClasses(className, 'cursor-pointer hover:text-blue-500')}>
+ <a className={combineClasses('cursor-pointer hover:text-blue-500', className)}>
  {children}
  </a>
  </Link>

src/components/Misc/ArticleMoreFromAuthor.tsx

@@ -64,7 +64,9 @@ const ArticleMoreFromAuthor = ({ author, relatedArticles, articleGrid = false }:
  }
  {
  relatedArticles.length > 3 ? (
- <LinkTo href={"/blog?author=" + author.name } passHref className='block text-sm py-3 px-2 text-center dark:bg-slate-900 bg-blue-400 rounded text-black font-bold'>
+ <LinkTo 
+ href={"/blog?author=" + author.name } 
+ passHref className='block text-sm py-3 px-2 text-center dark:bg-slate-900 bg-blue-500 rounded text-white font-bold hover:!text-blue-900 dark:hover:!text-slate-400 transition-all'>
  <p>All articles from {author.name}</p>
  </LinkTo>
  ) : null

src/components/Misc/HomeNonFeatureAricles.tsx

@@ -5,7 +5,7 @@ import LinkTo from "../LinkTo";
 
 const HomeNonFeatureArticles = () => {
  const restArticles = SORTED_ARTICLES_BY_DATE.filter((article: iArticle) => !article.featureArticle);
- const articlesToDisplay = 9;
+ const articlesToDisplay = 5;
  return (
  <>
  {
@@ -18,13 +18,17 @@ const HomeNonFeatureArticles = () => {
  {
  restArticles.length > articlesToDisplay ?
  (
- <>
+ <div className="w-full flex items-center">
  <LinkTo
  href="/pages/blog"
- className="w-auto text-sm py-3 px-10 text-center dark:bg-slate-800 bg-blue-500 rounded-full mx-auto text-white font-bold">
+ className="
+ w-auto h-auto text-sm py-3 px-10 
+ text-center dark:bg-slate-800 
+ bg-blue-500 rounded-full mx-auto text-white font-bold 
+ hover:!text-blue-900 dark:hover:!text-slate-400 transition-all">
  View All Articles
  </LinkTo>
- </>
+ </div>
  ) : null
  }