use accent color for menu highlight (fix #135)

1 files changed, 5 insertions, 4 deletions

diff --git a/common/gtk-3.0/3.18/sass/_common.scss b/common/gtk-3.0/3.18/sass/_common.scss
index dd39d6b..028aa41 100644
--- a/common/gtk-3.0/3.18/sass/_common.scss
+++ b/common/gtk-3.0/3.18/sass/_common.scss
@@ -1517,10 +1517,8 @@ column-header.button.dnd { // for treeview-like derive widgets
   .menuitem {
     padding: 5px;
     &:hover {
-      color: $fg_color;
-      background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95));
-      border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93));
-      border-width: 1px 0 1px 0;
+      color: $selected_fg_color;
+      background-color: $selected_bg_color;
     }
     &:insensitive {
       color: $insensitive_fg_color;
@@ -1956,6 +1954,7 @@ GtkSwitch {
     // the borders of checks and radios are
     // too similar in luminosity to the selected background color, hence
     // we need special casing.
+    .menu .menuitem.#{$w}#{$s}:hover,
     GtkTreeView.view.#{$w}#{$s}:selected,
     .list-row:selected .#{$w}#{$s},
     GtkInfoBar .#{$w}#{$s} {
@@ -2036,6 +2035,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       }
     }
     //selected list-row and infobar sliders
+    .menuitem:hover &,
     .list-row:selected &,
     GtkInfoBar & {
       background-image: linear-gradient(to bottom, $selected_fg_color);
@@ -2084,6 +2084,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       &:insensitive {  }
     }
     // troughs in selected list-rows and infobars
+    .menuitem:hover &,
     .list-row:selected &,
     GtkInfoBar & {
       background-image: linear-gradient(to bottom, transparentize(black, 0.8));