Improvement: Cinnamon - come menu.js colors and padding

thekomer · Feb 28, 2022 · e8fb4cc · e8fb4cc
1 parent 2397227
commit e8fb4cc
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 19 deletions.
diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css
@@ -1177,20 +1177,19 @@ StScrollBar {
  * Menu (menu.js)  *
  * * * * * * * * * */
 .menu-favorites-box {
-  padding: 10px;
-  background-color: #131727;
+  padding: .3em;
+  background-color: #15192b;
   border: 1px solid rgba(191, 195, 205, 0.05);
   border-radius: 0.4em; }
 
 .menu-favorites-button {
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  padding: .9em 1em;
+  padding: .4em .5em;
   border: 1px solid rgba(191, 195, 205, 0.05);
   border-radius: 0.5em; }
   .menu-favorites-button:hover {
     background-clip: padding-box;
     background-color: rgba(255, 255, 255, 0.075);
-    border: 1px solid rgba(191, 195, 205, 0.05);
     -gtk-icon-effect: highlight;
     color: #fefefe; }
 
@@ -1271,10 +1270,11 @@ StScrollBar {
   padding-right: 30px; }
 
 #menu-search-entry {
-  width: 250px;
-  min-height: 16px;
+  min-width: 250px;
+  min-height: 1.1em;
   font-weight: normal;
-  caret-color: #ff6a00; }
+  caret-color: #ff6a00;
+  margin: 0em; }
 
 .menu-search-entry-icon {
   icon-size: 0.9em;

diff --git a/cinnamon/sass/_colors.scss b/cinnamon/sass/_colors.scss
@@ -20,10 +20,10 @@ $teal: #00e8c6;
 // Main definitions
 $theme_color: $orange;
 $accent_color: $theme_color;
-$base_color: if($variant =='light', #ffffff, lighten(#0E111D, 3%));
-$text_color: if($variant == 'light', #202020, #BFC3CD);
 $bg_color: if($variant =='light', #F0F0F0, #0E111D);
+$base_color: if($variant =='light', #ffffff, lighten($bg_color, 3%));
 $fg_color: if($variant =='light', #202020, #BFC3CD);
+$text_color: $fg_color;
 $selected_fg_color: #fefefe;
 $selected_bg_color: if($variant == 'light', #92b372, $theme_color);
 

diff --git a/cinnamon/sass/_common.scss b/cinnamon/sass/_common.scss
@@ -1428,22 +1428,20 @@ StScrollBar {
 
 .menu {
   &-favorites-box {
-    padding: 10px;
-    background-color: $base_color;
+    padding: .3em;
+    background-color: lighten($base_color, 1%);
     border: 1px solid $borders_color;
     border-radius: 0.4em;
   }
 
   &-favorites-button {
 		transition: $button_transition;
-    padding: .9em 1em;
+    padding: .4em .5em;
     border: 1px solid $borders_color;
     border-radius: 0.5em; //9px;
     &:hover {
 			background-clip: padding-box;
       background-color: transparentize(white, 0.925);
-      border: 1px solid $borders_color;
-      //@include bg_gradient(horizontal, $theme_gradient_start, $theme_gradient_end, 0.7);
       -gtk-icon-effect: highlight;
       color: $selected_fg_color;
     }
@@ -1497,14 +1495,11 @@ StScrollBar {
     border: 1px solid transparentize($borders_color, 0.5); //rgba(0,0,0,0);
 
 		&-hover {
-		//@include bg_gradient(horizontal, $theme_gradient_start, $theme_gradient_end, 0.5);
       border-radius: 1em;
     }
     &-selected {
       padding: 7px;
       color: $selected_fg_color;
-      //background-color: $selected_bg_color;
-      //background: linear-gradient(red, yellow);
       @include bg_gradient(horizontal, $theme_gradient_start, $theme_gradient_end, 1);
       border: 1px solid $borders_color;
       border-radius: 1em; //9px;
@@ -1544,12 +1539,13 @@ StScrollBar {
 }
 
 #menu-search-entry {
-  width: 250px;
-  min-height: 16px;
+  min-width: 250px;
+  min-height: 1.1em;
   font-weight: normal;
   caret-color: $accent_color;
 
   @extend %entry;
+  margin: 0em;
 }
 
 .menu-search-entry-icon {