From f5f6251e3e26f1f8a770b1e90bfb649503299c50 Mon Sep 17 00:00:00 2001 From: eugene-sinitsyn Date: Mon, 9 Mar 2020 12:50:21 +0300 Subject: [PATCH] Add "hover" and "active" styles for material menu --- .../@theme/styles/material/_material-dark.scss | 15 +++++++++++++-- .../@theme/styles/material/_material-light.scss | 15 +++++++++++++-- 2 files changed, 26 insertions(+), 4 deletions(-) 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);