bottom navbar primary color

src/components/navigation/BottomNavBar.tsx

@@ -69,10 +69,10 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
               {onPagerClick ? (
                 <button
                   onClick={onPagerClick}
-                  className="flex flex-col justify-arround items-center gap-[5px] text-disabled2 pointer-events-auto dark:**:stroke-neutral-500"
+                  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 text-disabled-text">
+                  <span className="text-xs2">
                     {t('Pager')}
                   </span>
                 </button>
@@ -82,33 +82,31 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
               <BottomNavHighlightLink
                 href={`/${name}`}
                 icon={
-                  <HomeIcon className='transition-all duration-200'
-                    fill={isHomeRoute ? 'white' : 'transparent'}
-                    stroke={isHomeRoute ? 'black' : 'white'}
-                    strokeWidth={1}
+                  <HomeIcon
+                    className={clsx(
+                      'transition-all duration-200 stroke-primary'
+                    )}
+                    fill="white"
+                    stroke="currentColor"
+                    variant={isHomeRoute ? 'Bold' : 'Outline'}
                     width={20}
                     height={20} />}
                 value={t('Menu')} />
               <Link
                 href={`/${name}/about`}
                 className={clsx(
-                  'flex flex-col justify-arround items-center gap-[5px] text-disabled2 pointer-events-auto dark:**:stroke-neutral-500 min-w-0',
-                  isAboutRoute && 'text-foreground **:stroke-foreground'
+                  'flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary min-w-0'
                 )}
               >
-                <div className="shrink-0">
+                <div className="shrink-0 text-primary">
                   <Building
                     key={`building-${buildingVariant}-${isAboutRoute}`}
                     size={20}
                     variant={buildingVariant as 'Bold' | 'Outline'}
-                    color={isAboutRoute ? undefined : "#8C90A3"}
-                    style={isAboutRoute ? { fill: 'currentColor' } : undefined}
+                    color="currentColor"
                   />
                 </div>
-                <span className={clsx(
-                  'text-xs2 text-disabled-text text-center truncate w-full',
-                  isAboutRoute && 'text-foreground'
-                )}>
+                <span className="text-xs2 text-center truncate w-full">
                   {t('about')}
                 </span>
               </Link>