From a90515c680ebabb01735407ed66caeef63834810 Mon Sep 17 00:00:00 2001
From: aulianza <aulianza.dev@gmail.com>
Date: Mon, 13 Nov 2023 13:03:25 +0700
Subject: [PATCH] fix: skeleton base color

---
 src/common/components/elements/SkeletonLoader.tsx           | 4 ++--
 src/common/components/skeleton/BlogCardNewSkeleton.tsx      | 2 +-
 src/common/components/skeleton/BlogFeaturedHeroSkeleton.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/common/components/elements/SkeletonLoader.tsx b/src/common/components/elements/SkeletonLoader.tsx
index dd6c4bf6..ac4edb0f 100644
--- a/src/common/components/elements/SkeletonLoader.tsx
+++ b/src/common/components/elements/SkeletonLoader.tsx
@@ -10,8 +10,8 @@ type SkeletonLoaderProps = {
 
 const SkeletonLoader = ({ children }: SkeletonLoaderProps) => {
   const { resolvedTheme } = useTheme();
-  const baseColor = resolvedTheme === 'dark' ? '#202020' : '#ebebeb';
-  const highlightColor = resolvedTheme === 'dark' ? '#2e2e2e' : '#f5f5f5';
+  const baseColor = resolvedTheme === 'light' ? '#ebebeb' : '#202020';
+  const highlightColor = resolvedTheme === 'light' ? '#f5f5f5' : '#2e2e2e';
 
   return (
     <SkeletonTheme baseColor={baseColor} highlightColor={highlightColor}>
diff --git a/src/common/components/skeleton/BlogCardNewSkeleton.tsx b/src/common/components/skeleton/BlogCardNewSkeleton.tsx
index 28590823..9accc482 100644
--- a/src/common/components/skeleton/BlogCardNewSkeleton.tsx
+++ b/src/common/components/skeleton/BlogCardNewSkeleton.tsx
@@ -6,7 +6,7 @@ import SkeletonLoader from '../elements/SkeletonLoader';
 const BlogCardNewSkeleton = () => {
   return (
     <SkeletonLoader>
-      <Card className='min-w-[326px] !bg-neutral-800'>
+      <Card className='min-w-[326px]'>
         <Skeleton
           height={398}
           containerClassName='flex'
diff --git a/src/common/components/skeleton/BlogFeaturedHeroSkeleton.tsx b/src/common/components/skeleton/BlogFeaturedHeroSkeleton.tsx
index 792c9958..87f70f06 100644
--- a/src/common/components/skeleton/BlogFeaturedHeroSkeleton.tsx
+++ b/src/common/components/skeleton/BlogFeaturedHeroSkeleton.tsx
@@ -6,7 +6,7 @@ import SkeletonLoader from '../elements/SkeletonLoader';
 const BlogFeaturedHeroSkeleton = () => {
   return (
     <SkeletonLoader>
-      <Card className='min-w-[326px] !bg-neutral-800'>
+      <Card className='min-w-[326px]'>
         <Skeleton
           height={400}
           containerClassName='flex'