use accent color for menu highlight (fix #135)

1 files changed, 16 insertions, 7 deletions

diff --git a/common/cinnamon/cinnamon.css b/common/cinnamon/cinnamon.css
index a54fd32..6aaee78 100644
--- a/common/cinnamon/cinnamon.css
+++ b/common/cinnamon/cinnamon.css
@@ -171,6 +171,10 @@ StScrollBar {
   border-right-width: 1px;
   border-left-width: 5px;
   color: transparent; }
+  .popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active
+  .slider {
+    -slider-background-color: rgba(0, 0, 0, 0.2);
+    -slider-active-background-color: #ffffff; }
 
 .check-box CinnamonGenericContainer {
   spacing: .2em;
@@ -221,11 +225,14 @@ StScrollBar {
 .toggle-switch {
   width: 50px;
   height: 20px;
-  background-size: contain; }
-  .toggle-switch-us, .toggle-switch-intl {
-    background-image: url("light-assets/switch/switch-off.svg"); }
-    .toggle-switch-us:checked, .toggle-switch-intl:checked {
-      background-image: url("light-assets/switch/switch-on.svg"); }
+  background-size: contain;
+  background-image: url("light-assets/switch/switch-off.svg"); }
+  .toggle-switch:checked {
+    background-image: url("light-assets/switch/switch-on.svg"); }
+  .popup-menu-item:active .toggle-switch {
+    background-image: url("common-assets/switch/switch-off-selected.svg"); }
+    .popup-menu-item:active .toggle-switch:checked {
+      background-image: url("common-assets/switch/switch-on-selected.svg"); }
 
 .cinnamon-link {
   color: #2679db;
@@ -267,9 +274,9 @@ StScrollBar {
     padding: .4em 1.75em;
     spacing: 1em; }
     .popup-menu .popup-menu-item:active {
-      color: #5c616c;
+      color: #ffffff;
       background-color: transparent;
-      border-image: url("light-assets/menu/menu-hover.svg") 9 9 1 1; }
+      border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
     .popup-menu .popup-menu-item:insensitive {
       color: rgba(92, 97, 108, 0.5);
       background: none; }
@@ -277,6 +284,8 @@ StScrollBar {
     color: #5c616c; }
     .popup-menu .popup-inactive-menu-item:insensitive {
       color: rgba(92, 97, 108, 0.55); }
+  .popup-menu .popup-menu-item:active .popup-inactive-menu-item {
+    color: #ffffff; }
   .popup-menu-icon {
     icon-size: 16px; }