Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

add theme override: menu item selected + hover

See original GitHub issue

This function solves the problem (这个功能解决的问题)

To style the text/icon/etc when a menu item is selected differently than when it’s not selected while the user is hovering on that item

Expected API (期望的 API)

add new theme override props like: itemTextColorActiveHover (don’t forget the inverted variant!)

Issue Analytics

State:
Created 2 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

07akionicommented, Mar 15, 2022

there already is itemXXXColorActive and itemXXXColorHover. You could add itemXXXColorActiveHover.

Also. it’d be nice to have the term actve be changed to selected. To better align it with the term used in the documentation and because active also represents another concept.

Active in naive ui is named as pressed.

1reaction

07akionicommented, Mar 13, 2022

yes but I need 2 different hover colors! I need a hover color for when I have the active bg and another hover color for when I don’t have the active bg.

This is really a tough problem. How to define the theme variable name. We need some time to think.

Top Results From Across the Web

add theme override: menu item selected + hover #2598 - GitHub

This function solves the problem (这个功能解决的问题) To style the text/icon/etc when a menu item is selected differently than when it's not ...

How can I change Material UI Select or Menu MenuItem hover ...

Implemented hover and selected items styles using a theme ... You can use simple CSS trick to change the MenuItem color on hover....

Change color when hovering a specific menu item

Hello, I want to edit the CSS in such way that specific menu items do not change color when hovering / when clicked...

How to change Material UI Select or Menu MenuItem hover ...

Implemented hover and selected items styles using a theme export const MyTheme = createMuiTheme({ palette: { action: { selected: '#E7A615', hover: '#FFD371' ...

Easy Menu Background COLOR CHANGE On Hover Effect ...

So, follow along with the video and see how to add an easy menu background color change hover effect using the Divi Theme....