Filter hover color (#1861)

swisstopo · Feb 5, 2025 · b1fc72c · b1fc72c
2 parents fd10734 + cc1fac8
commit b1fc72c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,10 @@
 
 - The settings are now displayed in tabs.
 
+### Fixed
+
+- When hovering over the main side navigation icons, an incorrect background color was displayed for the hovered icon.
+
 ## v2.1.1052 - 2025-02-04
 
 ### Added

diff --git a/src/client/src/components/buttons/navButton.tsx b/src/client/src/components/buttons/navButton.tsx
@@ -38,8 +38,8 @@ export const NavButton = forwardRef<HTMLButtonElement, NavButtonProps>((props, r
         width: "fit-content",
         transition: "background-color 0.3s ease, color 0.3s ease, width 0.3s ease",
         "&:hover": {
-          backgroundColor: `${theme.palette.secondary.main} !important`,
-          color: `${theme.palette.secondary.contrastText} !important`,
+          backgroundColor: `${theme.palette.primary.main} !important`,
+          color: `${theme.palette.primary.contrastText} !important`,
           width: "fit-content",
           whiteSpace: "nowrap",
           zIndex: 6000,