fix: Make disabled menu item button more clear (#1034)

* make disabled menu item button more clear

* Update packages/uui-menu-item/lib/uui-menu-item.element.ts

* fix: set opacity a bit lower

---------

Co-authored-by: Lan Nguyen Thuy <[email protected]>
Co-authored-by: Jacob Overgaard <[email protected]>

Author: 3 people

packages/uui-menu-item/lib/uui-menu-item.element.ts

@@ -311,10 +311,6 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
 
       /** Disabled */
       :host([disabled]) #menu-item {
-        color: var(
-          --uui-menu-item-color-disabled,
-          var(--uui-color-disabled-contrast)
-        );
         background-color: var(
           --uui-menu-item-background-color-disabled,
           var(--uui-color-disabled)
@@ -467,6 +463,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
 
       :host([disabled]) #label-button {
         cursor: default;
+        opacity: 0.5;
       }
 
       button {