menu bottom color

src/components/navigation/BottomNavBar.tsx

@@ -12,7 +12,6 @@ import HomeIcon from '../icons/HomeIcon'
 import { useTranslation } from 'react-i18next';
 import { useCart } from '@/app/[name]/(Main)/cart/hook/useCart';
 import { Building } from 'iconsax-react';
-import clsx from 'clsx';
 import { glassSurfaceNav } from '@/lib/styles/glassSurface';
 import { getBottomNavMaskStyle } from './bottomNavShape';
 import { useGetProfile } from '@/app/[name]/(Profile)/profile/hooks/userProfileData';
@@ -81,7 +80,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
           {onPagerClick ? (
             <button
               onClick={onPagerClick}
-              className="flex flex-col justify-arround items-center gap-[5px] text-disabled-text pointer-events-auto **:stroke-disabled-text"
+              className="flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary"
             >
               <PagerIcon width={20} height={20} />
               <span className="text-xs2">
@@ -104,12 +103,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
             value={t('Menu')} />
           <Link
             href={`/${name}/about`}
-            className={clsx(
-              'flex flex-col justify-arround items-center gap-[5px] pointer-events-auto min-w-0',
-              isAboutRoute
-                ? 'text-primary **:stroke-primary'
-                : 'text-disabled-text **:stroke-disabled-text',
-            )}
+            className="flex flex-col justify-arround items-center gap-[5px] pointer-events-auto min-w-0 text-primary **:stroke-primary"
           >
             <div className="shrink-0">
               <Building