Small adjustment to valo-menu-item selection color

Now lighter bg on light colors and darker bg on dark colors.

Change-Id: Id61b88d1cae65330c6f7b2cc3bb93880a7de9965

diff --git a/WebContent/VAADIN/themes/tests-valo-flat/_variables.scss b/WebContent/VAADIN/themes/tests-valo-flat/_variables.scss
index 5d2b8abbb7dd03e80b1f7067d4d975bf733f3e5b..298e26ac360381f26dbfc5e4a23762787e83a831 100644 (file)
--- 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 8bd26e2b108404b7b69f48550d8559fe1b1ff175..507065d3398d2be309b98ca237437c404d794242 100644 (file)
--- 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;