diff --git a/src/components/popper/popper.scss b/src/components/popper/popper.scss index 06daa871..9c2ce25f 100644 --- a/src/components/popper/popper.scss +++ b/src/components/popper/popper.scss @@ -137,11 +137,14 @@ } } - &:hover { - // TODO: improve the look on breeze themes - background-color: $fallback--fg; - background-color: var(--btn, $fallback--fg); - box-shadow: none; + &:active, &:hover { + background-color: $fallback--lightBg; + background-color: var(--selectedMenu, $fallback--lightBg); + color: $fallback--link; + color: var(--selectedMenuText, $fallback--link); + --faint: var(--selectedMenuFaintText, $fallback--faint); + --faintLink: var(--selectedMenuFaintLink, $fallback--faint); + --icon: var(--selectedMenuIcon, $fallback--icon); } } }