diff --git a/src/app/@theme/styles/material/_material-dark.scss b/src/app/@theme/styles/material/_material-dark.scss index 220d426a..2686db5b 100644 --- a/src/app/@theme/styles/material/_material-dark.scss +++ b/src/app/@theme/styles/material/_material-dark.scss @@ -365,10 +365,21 @@ $theme: ( header-shadow: unquote( '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)' ), - outline-color: color-basic-700, font-family-primary: unquote('Roboto, sans-serif'), - menu-text-font-weight: 400 + + menu-text-font-weight: 400, + menu-text-color: rgba(255, 255, 255, 0.7), + menu-item-hover-text-color: rgba(255, 255, 255, 0.7), + menu-item-hover-background-color: rgba(255, 255, 255, 0.04), + menu-item-active-background-color: rgba(0, 0, 0, 0.25), + + menu-item-icon-color: rgba(255, 255, 255, 0.7), + menu-item-icon-hover-color: rgba(255, 255, 255, 0.7), + + menu-submenu-item-hover-background-color: rgba(255, 255, 255, 0.04), + menu-submenu-item-active-hover-background-color: rgba(255, 255, 255, 0.1), + menu-submenu-item-active-background-color: rgba(0, 0, 0, 0.25) ); $nb-themes: nb-register-theme($theme, material-dark, dark); diff --git a/src/app/@theme/styles/material/_material-light.scss b/src/app/@theme/styles/material/_material-light.scss index 15880df8..1ca014b1 100644 --- a/src/app/@theme/styles/material/_material-light.scss +++ b/src/app/@theme/styles/material/_material-light.scss @@ -365,10 +365,21 @@ $theme: ( header-shadow: unquote( '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)' ), - outline-color: color-basic-transparent-200, font-family-primary: unquote('Roboto, sans-serif'), - menu-text-font-weight: 400 + + menu-text-font-weight: 400, + menu-text-color: rgba(0, 0, 0, 0.87), + menu-item-hover-text-color: rgba(0, 0, 0, 0.87), + menu-item-hover-background-color: rgba(0, 0, 0, 0.04), + menu-item-active-background-color: rgba(0, 0, 0, 0.08), + + menu-item-icon-color: rgba(0, 0, 0, 0.87), + menu-item-icon-hover-color: rgba(0, 0, 0, 0.87), + + menu-submenu-item-hover-background-color: rgba(0, 0, 0, 0.04), + menu-submenu-item-active-hover-background-color: rgba(0, 0, 0, 0.1), + menu-submenu-item-active-background-color: rgba(0, 0, 0, 0.08) ); $nb-themes: nb-register-theme($theme, material-light, default);