Revision history [back]

To alter the hover color in the menu of Mantine UI, the CSS code for the menu item hover state needs to be modified. This can be done by adding the following CSS code to your stylesheet:

.menu-item:hover {
  background-color: <color>;
}

Replace <color> with the desired color code or value. This will set the background color of the menu item when hovered over to the specified color.