Improvement: cinnamon - making button hover color consistant with gtk…

… theme
thekomer · May 27, 2022 · c057774 · c057774
1 parent e21c4d7
commit c057774
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css
@@ -37,12 +37,12 @@ stage {
     box-shadow: inset 0 2px 4px rgba(22, 27, 46, 0.05); }
   .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover {
     color: #BFC3CD;
-    background-color: #1f253f;
+    background-color: rgba(255, 106, 0, 0.5);
     border: 1px solid rgba(191, 195, 205, 0.05);
     box-shadow: inset 0 2px 4px rgba(31, 37, 63, 0.05); }
   .sound-button:hover:focus, .modal-dialog-button-box .modal-dialog-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus {
     color: #BFC3CD;
-    background-color: #1f253f;
+    background-color: rgba(255, 106, 0, 0.5);
     border: 1px solid #ff6a00;
     box-shadow: inset 0 2px 4px rgba(22, 27, 46, 0.05); }
   .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active {
@@ -1572,7 +1572,7 @@ StScrollBar {
       icon-size: 12px; }
     .sound-player > StBoxLayout:first-child StButton:small:hover {
       color: #BFC3CD;
-      background-color: #1f253f;
+      background-color: rgba(255, 106, 0, 0.5);
       border: 1px solid rgba(191, 195, 205, 0.05);
       box-shadow: inset 0 2px 4px rgba(31, 37, 63, 0.05); }
     .sound-player > StBoxLayout:first-child StButton:small:active {
@@ -1603,7 +1603,7 @@ StScrollBar {
       icon-size: 16px; }
     .sound-player-overlay StButton:hover {
       color: #BFC3CD;
-      background-color: #1f253f;
+      background-color: rgba(255, 106, 0, 0.5);
       border: 1px solid rgba(191, 195, 205, 0.05);
       box-shadow: inset 0 2px 4px rgba(31, 37, 63, 0.05); }
     .sound-player-overlay StButton:active {

diff --git a/cinnamon/sass/_drawing.scss b/cinnamon/sass/_drawing.scss
@@ -95,14 +95,14 @@
 
   @else if $t==focus-hover {  // focused hovered button
     color: $fg_color;
-    background-color: lighten($button_bg, 5%);
+    background-color: transparentize($selected_bg_color, 0.5);// lighten($button_bg, 5%);
     border: 1px solid $selected_bg_color;
     box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95);
   }
 
   @else if $t==hover {  // hovered button
     color: $fg_color;
-    background-color: lighten($button_bg, 5%);
+    background-color: transparentize($selected_bg_color, 0.5);// lighten($button_bg, 5%);
     border: 1px solid $borders_color;
     box-shadow: inset 0 2px 4px transparentize(lighten($button_bg, 5%), 0.95);
   }