Fix the mobile footer color (#1456)

fix #1445

packages/desktop-client/src/components/FinancesApp.tsx

@@ -163,9 +163,7 @@ function NavTab({ icon: TabIcon, name, path }) {
       to={path}
       style={({ isActive }) => ({
         alignItems: 'center',
-        color: isActive
-          ? theme.sidebarItemAccentSelected
-          : theme.sidebarItemText,
+        color: isActive ? theme.mobileNavItemSelected : theme.mobileNavItem,
         display: 'flex',
         flexDirection: 'column',
         textDecoration: 'none',
@@ -182,7 +180,7 @@ function MobileNavTabs() {
   return (
     <div
       style={{
-        backgroundColor: theme.sidebarBackground,
+        backgroundColor: theme.mobileNavBackground,
         borderTop: `1px solid ${theme.menuBorder}`,
         bottom: 0,
         ...styles.shadow,

packages/desktop-client/src/style/themes/dark.ts

@@ -64,6 +64,9 @@ export const altMenuItemTextSelected = colorPalette.purple400;
 export const altMenuItemTextHeader = colorPalette.purple500;
 export const altMenuBorder = colorPalette.navy200;
 export const altMenuBorderHover = colorPalette.purple400;
+export const mobileNavBackground = colorPalette.navy800;
+export const mobileNavItem = colorPalette.navy150;
+export const mobileNavItemSelected = colorPalette.purple400;
 
 // Button
 export const buttonMenuText = colorPalette.navy100;

packages/desktop-client/src/style/themes/light.ts

@@ -64,6 +64,9 @@ export const altMenuItemTextSelected = colorPalette.purple300;
 export const altMenuItemTextHeader = colorPalette.purple300;
 export const altMenuBorder = colorPalette.blue700;
 export const altMenuBorderHover = colorPalette.purple300;
+export const mobileNavBackground = colorPalette.white;
+export const mobileNavItem = 'rgb(142, 142, 143)';
+export const mobileNavItemSelected = colorPalette.purple500;
 
 // Button
 export const buttonMenuText = colorPalette.navy100;

upcoming-release-notes/1456.md

+---
+category: Bugfix
+authors: [aleetsaiya]
+---
+Fix the mobile footer color back to the previous version
\ No newline at end of file