From ecc44c56b147e61942c86ed0acb4dc5cc9f9dc20 Mon Sep 17 00:00:00 2001
From: smurphos <29017677+smurphos@users.noreply.github.com>
Date: Wed, 21 Mar 2018 06:55:50 +0000
Subject: [PATCH] Cinnamon - add gradient to dialog entrys

---
 src/cinnamon/scss/_extends.scss          | 12 +++++++++---
 src/cinnamon/scss/_global.scss           |  4 ++++
 src/cinnamon/scss/sections/_dialogs.scss |  3 +++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/cinnamon/scss/_extends.scss b/src/cinnamon/scss/_extends.scss
index ffd037c..d7d9f18 100644
--- a/src/cinnamon/scss/_extends.scss
+++ b/src/cinnamon/scss/_extends.scss
@@ -7,6 +7,13 @@
     background-gradient-end: $light_bg_grad;
 }
 
+// dark to bottom
+%dark-bg-grad-to-bottom {
+    background-gradient-direction: vertical;
+    background-gradient-start: $dark_entry_bg_grad;
+    background-gradient-end: $light_entry_bg_grad;
+}
+
 // button to top
 %button-bg-grad-to-top {
     background-gradient-direction: vertical;
@@ -116,12 +123,11 @@
 // used in selectors
 // #menu-search-entry, .run-dialog-entry, #notification StEntry
 %dialog-entry {
-    background-color: $dark_bg_color;
+    @extend %dark-bg-grad-to-bottom;
     padding: 2px;
     border-radius: $roundness;
     color: $dark_fg_color;
-    font-weight: bold;
-    border: 1px solid $selected_border;
+    border: 1px solid $interior_border;
     selection-background-color: $selected_bg_color;
     selected-color: $selected_fg_color;
     caret-color: $primary_caret_color;
diff --git a/src/cinnamon/scss/_global.scss b/src/cinnamon/scss/_global.scss
index e008f0f..64efe64 100644
--- a/src/cinnamon/scss/_global.scss
+++ b/src/cinnamon/scss/_global.scss
@@ -42,6 +42,10 @@ $dark_hover_button_bg_grad: if($darken_amount < 1, darken($hover_button_bg, (1 -
 $light_tooltip_bg_grad: if($lighten_amount > 1, lighten($tooltip_bg_color, ($lighten_amount - 1) * lightness($tooltip_bg_color)), $tooltip_bg_color);
 $dark_tooltip_bg_grad: if($darken_amount < 1, darken($tooltip_bg_color, (1 - $darken_amount) * lightness($tooltip_bg_color)), $tooltip_bg_color);
 
+// entry background surface gradient start and end colors - used for menu search entry, run dialog etc
+$light_entry_bg_grad: if($lighten_amount > 1, lighten($dark_bg_color, ($lighten_amount - 1) * lightness($dark_bg_color)), $dark_bg_color);
+$dark_entry_bg_grad: if($darken_amount < 1, darken($dark_bg_color, (1 - $darken_amount) * lightness($dark_bg_color)), $dark_bg_color);
+
 // borders used throughout theme buttons also use selected_borders_color
 $selected_border: mix($mid_bg_color, $selected_bg_color, if(lightness($mid_bg_color) < 50%, 18%, 10%));
 $border_strength: if(lightness($mid_fg_color) > 50, .1, .2);
diff --git a/src/cinnamon/scss/sections/_dialogs.scss b/src/cinnamon/scss/sections/_dialogs.scss
index c11f0d2..40a4850 100644
--- a/src/cinnamon/scss/sections/_dialogs.scss
+++ b/src/cinnamon/scss/sections/_dialogs.scss
@@ -48,6 +48,9 @@
 }
 .run-dialog-entry {
         @extend %dialog-entry;
+        &:focus  {
+            border: 1px solid $selected_border;
+        }
 }
 .run-dialog {
     border-radius: $roundness;