Merge pull request #32 from smurphos/cinnamox

Cinnamon - add gradient to dialog entrys

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;

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);

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;