Cache

src/components/navigation/BottomNavBar.tsx

@@ -81,10 +81,10 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
           {onPagerClick ? (
             <button
               onClick={onPagerClick}
-              className="flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary dark:text-white dark:**:stroke-white"
+              className="flex flex-col justify-arround items-center gap-[5px] text-disabled-text pointer-events-auto **:stroke-disabled-text"
             >
               <PagerIcon width={20} height={20} />
-              <span className="text-xs2 dark:text-white">
+              <span className="text-xs2">
                 {t('Pager')}
               </span>
             </button>
@@ -95,9 +95,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
             href={`/${name}`}
             icon={
               <HomeIcon
-                className={clsx(
-                  'transition-all duration-200 stroke-primary dark:stroke-black! dark:text-white'
-                )}
+                className="transition-all duration-200 stroke-primary"
                 fill="white"
                 stroke="currentColor"
                 variant={isHomeRoute ? 'Bold' : 'Outline'}
@@ -107,10 +105,13 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
           <Link
             href={`/${name}/about`}
             className={clsx(
-              'flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary min-w-0 dark:text-white dark:**:stroke-white'
+              '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',
             )}
           >
-            <div className="shrink-0 text-primary dark:text-white">
+            <div className="shrink-0">
               <Building
                 key={`building-${buildingVariant}-${isAboutRoute}`}
                 size={20}
@@ -119,7 +120,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
                 className='stroke-0'
               />
             </div>
-            <span className="text-xs2 text-center truncate w-full dark:text-white">
+            <span className="text-xs2 text-center truncate w-full">
               {t('about')}
             </span>
           </Link>