From a8a8d0cf5109226dc00e4a99640f5e531a16b507 Mon Sep 17 00:00:00 2001
From: vinceliuice <vinceliuice@hotmail.com>
Date: Fri, 8 Jun 2018 08:52:31 +0800
Subject: [PATCH] Fixed menu issues

---
 src/gtk-3.0/gtk-compact-dark-solid-thin.css  | 16 ++++++++++++++--
 src/gtk-3.0/gtk-compact-dark-solid.css       | 16 ++++++++++++++--
 src/gtk-3.0/gtk-compact-dark-thin.css        | 16 ++++++++++++++--
 src/gtk-3.0/gtk-compact-dark.css             | 16 ++++++++++++++--
 src/gtk-3.0/gtk-compact-light-solid-thin.css | 16 ++++++++++++++--
 src/gtk-3.0/gtk-compact-light-solid.css      | 16 ++++++++++++++--
 src/gtk-3.0/gtk-compact-light-thin.css       | 16 ++++++++++++++--
 src/gtk-3.0/gtk-compact-light.css            | 16 ++++++++++++++--
 src/gtk-3.0/gtk-dark-solid-thin.css          | 16 ++++++++++++++--
 src/gtk-3.0/gtk-dark-solid.css               | 16 ++++++++++++++--
 src/gtk-3.0/gtk-dark-thin.css                | 16 ++++++++++++++--
 src/gtk-3.0/gtk-dark.css                     | 16 ++++++++++++++--
 src/gtk-3.0/gtk-light-solid-thin.css         | 16 ++++++++++++++--
 src/gtk-3.0/gtk-light-solid.css              | 16 ++++++++++++++--
 src/gtk-3.0/gtk-light-thin.css               | 16 ++++++++++++++--
 src/gtk-3.0/gtk-light.css                    | 16 ++++++++++++++--
 src/gtk-3.0/sass/_common.scss                | 16 ++++++++++++++--
 17 files changed, 238 insertions(+), 34 deletions(-)

diff --git a/src/gtk-3.0/gtk-compact-dark-solid-thin.css b/src/gtk-3.0/gtk-compact-dark-solid-thin.css
index afe59cd..f22e544 100644
--- a/src/gtk-3.0/gtk-compact-dark-solid-thin.css
+++ b/src/gtk-3.0/gtk-compact-dark-solid-thin.css
@@ -2395,6 +2395,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2449,6 +2454,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2500,7 +2512,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #333333;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2525,7 +2537,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css
index 83d4d5f..0bbfd62 100644
--- a/src/gtk-3.0/gtk-compact-dark-solid.css
+++ b/src/gtk-3.0/gtk-compact-dark-solid.css
@@ -2395,6 +2395,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2449,6 +2454,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2500,7 +2512,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #333333;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2525,7 +2537,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-compact-dark-thin.css b/src/gtk-3.0/gtk-compact-dark-thin.css
index 984504e..db170e9 100644
--- a/src/gtk-3.0/gtk-compact-dark-thin.css
+++ b/src/gtk-3.0/gtk-compact-dark-thin.css
@@ -2395,6 +2395,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2449,6 +2454,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2500,7 +2512,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(51, 51, 51, 0.98);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2525,7 +2537,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css
index a3e06b9..22c6fa7 100644
--- a/src/gtk-3.0/gtk-compact-dark.css
+++ b/src/gtk-3.0/gtk-compact-dark.css
@@ -2395,6 +2395,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2449,6 +2454,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2500,7 +2512,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(51, 51, 51, 0.98);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2525,7 +2537,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-compact-light-solid-thin.css b/src/gtk-3.0/gtk-compact-light-solid-thin.css
index 6fd5a9a..f2fc02a 100644
--- a/src/gtk-3.0/gtk-compact-light-solid-thin.css
+++ b/src/gtk-3.0/gtk-compact-light-solid-thin.css
@@ -2399,6 +2399,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2453,6 +2458,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2504,7 +2516,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #ffffff;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2529,7 +2541,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css
index eb18b9a..312f09e 100644
--- a/src/gtk-3.0/gtk-compact-light-solid.css
+++ b/src/gtk-3.0/gtk-compact-light-solid.css
@@ -2399,6 +2399,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2453,6 +2458,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2504,7 +2516,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #ffffff;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2529,7 +2541,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-compact-light-thin.css b/src/gtk-3.0/gtk-compact-light-thin.css
index 8d70571..4ab8779 100644
--- a/src/gtk-3.0/gtk-compact-light-thin.css
+++ b/src/gtk-3.0/gtk-compact-light-thin.css
@@ -2399,6 +2399,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2453,6 +2458,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2504,7 +2516,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2529,7 +2541,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css
index 3ab2b35..7d88423 100644
--- a/src/gtk-3.0/gtk-compact-light.css
+++ b/src/gtk-3.0/gtk-compact-light.css
@@ -2399,6 +2399,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2453,6 +2458,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2504,7 +2516,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2529,7 +2541,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-dark-solid-thin.css b/src/gtk-3.0/gtk-dark-solid-thin.css
index c6de3dc..3970c5b 100644
--- a/src/gtk-3.0/gtk-dark-solid-thin.css
+++ b/src/gtk-3.0/gtk-dark-solid-thin.css
@@ -2393,6 +2393,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2447,6 +2452,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2498,7 +2510,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #333333;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2523,7 +2535,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css
index 6f7a426..9b2bf0c 100644
--- a/src/gtk-3.0/gtk-dark-solid.css
+++ b/src/gtk-3.0/gtk-dark-solid.css
@@ -2393,6 +2393,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2447,6 +2452,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2498,7 +2510,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #333333;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2523,7 +2535,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-dark-thin.css b/src/gtk-3.0/gtk-dark-thin.css
index 4e8f78c..07cb5b2 100644
--- a/src/gtk-3.0/gtk-dark-thin.css
+++ b/src/gtk-3.0/gtk-dark-thin.css
@@ -2393,6 +2393,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2447,6 +2452,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2498,7 +2510,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(51, 51, 51, 0.98);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2523,7 +2535,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css
index 2700a52..24e9757 100644
--- a/src/gtk-3.0/gtk-dark.css
+++ b/src/gtk-3.0/gtk-dark.css
@@ -2393,6 +2393,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #498dff;
@@ -2447,6 +2452,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: none;
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #dedede;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(222, 222, 222, 0.45);
@@ -2498,7 +2510,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(51, 51, 51, 0.98);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2523,7 +2535,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #373737;
+  background-color: rgba(222, 222, 222, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-light-solid-thin.css b/src/gtk-3.0/gtk-light-solid-thin.css
index 96e987d..14a1d84 100644
--- a/src/gtk-3.0/gtk-light-solid-thin.css
+++ b/src/gtk-3.0/gtk-light-solid-thin.css
@@ -2415,6 +2415,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2469,6 +2474,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2520,7 +2532,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #ffffff;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2545,7 +2557,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css
index 74626f3..8c68b1d 100644
--- a/src/gtk-3.0/gtk-light-solid.css
+++ b/src/gtk-3.0/gtk-light-solid.css
@@ -2415,6 +2415,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2469,6 +2474,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2520,7 +2532,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: #ffffff;
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2545,7 +2557,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-light-thin.css b/src/gtk-3.0/gtk-light-thin.css
index 68e7a68..34a1b56 100644
--- a/src/gtk-3.0/gtk-light-thin.css
+++ b/src/gtk-3.0/gtk-light-thin.css
@@ -2415,6 +2415,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2469,6 +2474,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2520,7 +2532,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2545,7 +2557,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css
index 6cdd38b..197afab 100644
--- a/src/gtk-3.0/gtk-light.css
+++ b/src/gtk-3.0/gtk-light.css
@@ -2415,6 +2415,11 @@ menubar > menuitem menu,
   border-radius: 0 0 6px 6px;
 }
 
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 6px;
+}
+
 menubar > menuitem:hover,
 .menubar > menuitem:hover {
   background-color: #0046DB;
@@ -2469,6 +2474,13 @@ menu menuitem:hover arrow,
   -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05);
 }
 
+menu menuitem:hover menu arrow,
+.menu menuitem:hover menu arrow {
+  color: #242424;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
 menu menuitem:disabled,
 .menu menuitem:disabled {
   color: rgba(36, 36, 36, 0.55);
@@ -2520,7 +2532,7 @@ menu > arrow,
   min-width: 16px;
   min-height: 16px;
   padding: 2px;
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: transparent;
   border-radius: 0;
   border: none;
   background-image: none;
@@ -2545,7 +2557,7 @@ menu > arrow.bottom,
 
 menu > arrow:hover,
 .menu > arrow:hover {
-  background-color: #e9e9e9;
+  background-color: rgba(36, 36, 36, 0.08);
 }
 
 menu > arrow:disabled,
diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss
index fa32c47..58598b7 100644
--- a/src/gtk-3.0/sass/_common.scss
+++ b/src/gtk-3.0/sass/_common.scss
@@ -1875,6 +1875,10 @@ menubar,
 
     menu {
       border-radius: 0 0 $wm_radius $wm_radius;
+
+      menu { //submenu
+        border-radius: $wm_radius;
+      }
     }
 
     &:hover { //Seems like it :hover even with keyboard focus
@@ -1933,6 +1937,14 @@ menu,
         color: $selected_fg_color;
         -gtk-icon-shadow: if($variant=='light', $text_shadow, none);
       }
+
+      menu { //sunmenu
+        arrow {
+          color: $fg_color;
+          text-shadow: none;
+          -gtk-icon-shadow: none;
+        }
+      }
     }
 
     &:disabled {
@@ -1973,7 +1985,7 @@ menu,
     min-width: 16px;
     min-height: 16px;
     padding: 2px;
-    background-color: $_menu_bg;
+    background-color: transparent;
     border-radius: 0;
     border: none;
     background-image: none;
@@ -1993,7 +2005,7 @@ menu,
       -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
     }
 
-    &:hover { background-color: mix($fg_color, $base_color, 10%); }
+    &:hover { background-color: rgba($fg_color, 0.08); }
 
     &:disabled {
       color: transparent;