diff --git a/webapp/common-react/@dbeaver/ui-kit/src/Menu/Menu.css b/webapp/common-react/@dbeaver/ui-kit/src/Menu/Menu.css index 56574d2827..702c47c5f9 100644 --- a/webapp/common-react/@dbeaver/ui-kit/src/Menu/Menu.css +++ b/webapp/common-react/@dbeaver/ui-kit/src/Menu/Menu.css @@ -75,6 +75,11 @@ font-weight: var(--dbv-kit-menu-font-weight); font-size: var(--dbv-kit-menu-font-size); + &:hover:not([aria-disabled='true']) { + background-color: var(--dbv-kit-menu-item-hover-background); + color: var(--dbv-kit-menu-item-hover-foreground); + } + &[aria-disabled='true'] { opacity: var(--dbv-kit-control-disabled-opacity); user-select: none; diff --git a/webapp/packages/core-blocks/src/Menu/AriaKit/MenuAriaKit.css b/webapp/packages/core-blocks/src/Menu/AriaKit/MenuAriaKit.css index ecec576903..17eeeaf7dd 100644 --- a/webapp/packages/core-blocks/src/Menu/AriaKit/MenuAriaKit.css +++ b/webapp/packages/core-blocks/src/Menu/AriaKit/MenuAriaKit.css @@ -8,4 +8,9 @@ --dbv-kit-menu-background: transparent; --dbv-kit-menu-foreground: inherit; } + + .dbv-kit-menu__item { + --dbv-kit-menu-item-hover-background: var(--theme-background); + --dbv-kit-menu-item-hover-foreground: var(--theme-input-color); + } }