diff options
Diffstat (limited to 'WebContent')
| -rw-r--r-- | WebContent/VAADIN/themes/tests-valo-flat/_variables.scss | 1 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/valo/components/_valo-menu.scss | 4 |
2 files changed, 3 insertions, 2 deletions
diff --git a/WebContent/VAADIN/themes/tests-valo-flat/_variables.scss b/WebContent/VAADIN/themes/tests-valo-flat/_variables.scss index 5d2b8abbb7..298e26ac36 100644 --- a/WebContent/VAADIN/themes/tests-valo-flat/_variables.scss +++ b/WebContent/VAADIN/themes/tests-valo-flat/_variables.scss @@ -18,6 +18,7 @@ $v-selection-overlay-padding-horizontal: 0; $v-selection-overlay-padding-vertical: 6px; $v-selection-item-height: 30px; $v-selection-item-border-radius: 0; +$valo-menu-background-color: #eee; @import "../valo/valo"; diff --git a/WebContent/VAADIN/themes/valo/components/_valo-menu.scss b/WebContent/VAADIN/themes/valo/components/_valo-menu.scss index 8bd26e2b10..507065d339 100644 --- a/WebContent/VAADIN/themes/valo/components/_valo-menu.scss +++ b/WebContent/VAADIN/themes/valo/components/_valo-menu.scss @@ -287,7 +287,7 @@ $valo-menu-background-color: scale-color($v-app-background-color, $lightness: if } &.selected { - background: darken($bg, 3%); + background: if(is-dark-color($bg), darken($bg, 3%), lighten($bg, 5%)); .v-icon { color: $active-color; @@ -422,7 +422,7 @@ $valo-menu-background-color: scale-color($v-app-background-color, $lightness: if } &.selected { - background: darken($bg, 3%); + background: if(is-dark-color($bg), darken($bg, 3%), lighten($bg, 5%)); .v-icon { opacity: 1; |