From d369d2778da5a9f27f61ffcfce05a5ad2f9671d3 Mon Sep 17 00:00:00 2001
From: EliverLara <eliverlara@gmail.com>
Date: Sun, 14 Jun 2020 14:42:57 -0500
Subject: [PATCH] Gnome: Improve appearance of menus and popovers

---
 gtk-3.0/_colors.scss          |  2 +-
 gtk-3.0/gtk-dark.css          | 12 ++++++++----
 gtk-3.0/gtk.css               | 12 ++++++++----
 gtk-3.0/widgets/_menus.scss   |  5 +++++
 gtk-3.0/widgets/_windows.scss |  4 ++--
 5 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/gtk-3.0/_colors.scss b/gtk-3.0/_colors.scss
index 44ce0a1..3d57776 100755
--- a/gtk-3.0/_colors.scss
+++ b/gtk-3.0/_colors.scss
@@ -113,4 +113,4 @@ $scale_bg: if($variant == 'light', transparentize(black,0.86) ,transparentize(wh
 $scale_disabled_bg: if($variant == 'light', transparentize(black, 0.94) ,transparentize(white, 0.94));
 $suggested_bg_color: linear-gradient(to right, #00ffb7 0%, #00d593 100%);
 $destructive_bg_color: linear-gradient(to right, #fe8c00, #f83600);
-$menu_shadow_color: if($variant == 'light', transparentize(rgb(122, 122, 122), 0.6), transparent);
\ No newline at end of file
+$menu_shadow_color: $borders_color;
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
index 2192cb8..d7046a9 100755
--- a/gtk-3.0/gtk-dark.css
+++ b/gtk-3.0/gtk-dark.css
@@ -2923,7 +2923,8 @@ menu,
   margin: 4px;
   padding: 2px 0px;
   background: linear-gradient(to bottom, #1a1d2b, #12151f);
-  border: 1px solid rgba(12, 14, 21, 0.8); }
+  border: 1px solid rgba(12, 14, 21, 0.8);
+  border-radius: 5px; }
   .csd menu, .csd
   .menu, .csd
   .context-menu {
@@ -3035,6 +3036,9 @@ menuitem radio {
   menuitem radio:dir(rtl) {
     margin-left: 7px; }
 
+.csd.popup {
+  background: transparent; }
+
 /********
  * Misc *
  ********/
@@ -3342,7 +3346,7 @@ popover.background {
   padding: 2px;
   border-radius: 5px;
   background: linear-gradient(to bottom, #1a1d2b, #12151f);
-  box-shadow: 0 4px 6px transparent; }
+  box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
   .csd popover.background, popover.background {
     border: 1px solid rgba(12, 14, 21, 0.8); }
   popover.background:backdrop {
@@ -4641,8 +4645,8 @@ decoration {
   .ssd decoration {
     box-shadow: none; }
   .csd.popup decoration {
-    border-radius: 0;
-    box-shadow: 0 4px 8px transparent;
+    border-radius: 7px;
+    box-shadow: 0 4px 8px rgba(12, 14, 21, 0.8);
     border: 1px solid rgba(12, 14, 21, 0.8); }
   tooltip.csd decoration {
     border-radius: 5px;
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index 86b0ab7..3c75931 100755
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -2930,7 +2930,8 @@ menu,
   margin: 4px;
   padding: 2px 0px;
   background: linear-gradient(to bottom, #dde6ee 20%, #dde6ee);
-  border: 1px solid rgba(0, 0, 0, 0.13); }
+  border: 1px solid rgba(0, 0, 0, 0.13);
+  border-radius: 5px; }
   .csd menu, .csd
   .menu, .csd
   .context-menu {
@@ -3042,6 +3043,9 @@ menuitem radio {
   menuitem radio:dir(rtl) {
     margin-left: 7px; }
 
+.csd.popup {
+  background: transparent; }
+
 /********
  * Misc *
  ********/
@@ -3349,7 +3353,7 @@ popover.background {
   padding: 2px;
   border-radius: 5px;
   background: linear-gradient(to bottom, #dde6ee 20%, #dde6ee);
-  box-shadow: 0 4px 6px rgba(122, 122, 122, 0.4); }
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.13); }
   .csd popover.background, popover.background {
     border: 1px solid rgba(0, 0, 0, 0.13); }
   popover.background:backdrop {
@@ -4665,8 +4669,8 @@ decoration {
   .ssd decoration {
     box-shadow: none; }
   .csd.popup decoration {
-    border-radius: 0;
-    box-shadow: 0 4px 8px rgba(122, 122, 122, 0.4);
+    border-radius: 7px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.13);
     border: 1px solid rgba(0, 0, 0, 0.13); }
   tooltip.csd decoration {
     border-radius: 5px;
diff --git a/gtk-3.0/widgets/_menus.scss b/gtk-3.0/widgets/_menus.scss
index 4eba24e..7ba272e 100644
--- a/gtk-3.0/widgets/_menus.scss
+++ b/gtk-3.0/widgets/_menus.scss
@@ -32,6 +32,7 @@ menu,
   padding: 2px 0px;
   background: if( $variant == 'light',  linear-gradient(to bottom, darken($base_color, 4%)  20%, darken($base_color, 4%) ), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
   border: 1px solid $borders_color; // adds borders in a non composited env
+  border-radius: 5px;
 
   .csd & { border: none; }  // axes borders in a composited env
 
@@ -126,3 +127,7 @@ menuitem {
     &:dir(rtl) { margin-left: 7px; }
   }
 }
+
+.csd.popup {
+  background: transparent;
+}
diff --git a/gtk-3.0/widgets/_windows.scss b/gtk-3.0/widgets/_windows.scss
index e1e3f4c..ddbd701 100644
--- a/gtk-3.0/widgets/_windows.scss
+++ b/gtk-3.0/widgets/_windows.scss
@@ -40,8 +40,8 @@ decoration {
   .ssd & { box-shadow: none; } //just doing borders, wm draws actual shadows
 
   .csd.popup & {
-    border-radius: 0;
-    box-shadow:0 4px 8px $menu_shadow_color;
+    border-radius: 7px;
+    box-shadow: 0 4px 8px $menu_shadow_color;
     border: 1px solid $borders_color;
   }