Gnome-shell v42: Improve notifications appearance

gnome-shell/v40/_common.scss

@@ -1128,7 +1128,7 @@ StScrollBar {
           &:hover > StIcon,
           &:focus > StIcon
           &:active > StIcon{
-            color: $red;
+            color: $selected_fg_color;
             background: transparent;
           }
         }
@@ -1147,21 +1147,13 @@ StScrollBar {
 
         .message-close-button {
           color: $fg_color;
-        }
-          .message-icon-bin {
-            padding: 10px 3px 10px 10px;
-            &:rtl { padding: 10px 10px 10px 3px; }
-          }
-
-          .message-icon-bin > StIcon {
-            icon-size: 16px;
-            -st-icon-style: symbolic;
-          }
-
-          .message-secondary-bin {
-            padding: 0 12px;
+          &:hover > StIcon,
+          &:focus > StIcon
+          &:active > StIcon{
+            color: $selected_fg_color;
+            background: transparent;
           }
-
+        }
           .message-secondary-bin > .event-time {
             color: darken($fg_color, 15%);
             font-size: 0.7em;
@@ -1183,10 +1175,6 @@ StScrollBar {
           .message-content {
           //  color: darken($fg_color,20%);
             padding: 10px;
-            *:hover > StIcon,
-            *:focus > StIcon, {
-              color: $red;
-            }
           }
 
           .message-media-control {
@@ -1724,12 +1712,16 @@ StScrollBar {
     font-size: 11pt;
     width: 34em;
     margin: 5px;
-    border-radius: 7px;
+    border-radius: 12px;
     color: $topbar_color;
     background-color: lighten($base_color, 2%);
     border: 1px solid $borders_color;
-    box-shadow: 0 1px 4px $borders_color;
-    &:hover, &:focus { background-color: lighten($base_color, 4%); }
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
+    &:hover, &:focus { 
+      background-color: lighten($base_color, 4%); 
+      border-radius: 12px;
+      box-shadow: none;
+    }
     *{ color: #fefefe; }
 
     .notification-icon { padding: 5px; }
@@ -1739,14 +1731,15 @@ StScrollBar {
       background-color: darken($bg_color, 2%);
       padding-top: 2px;
       spacing: 1px;
+      border-radius: 0px 0px 12px 12px;
     }
     .notification-button {
-      padding: 5px;
+      padding: 7px;
       background-color: transparentize($bg_color, 0.1);
       box-shadow: none;
-      &:first-child { border-radius: 0 0 0 3px; }
-      &:last-child { border-radius: 0 0 3px 0; }
-      &:hover, &focus { background-color: darken($bg_color,2%); color: $selected_bg_color;}
+      &:first-child { border-radius: 0 0 0 12px; }
+      &:last-child { border-radius: 0 0 12px 0; }
+      &:hover, &focus { background-color: $selected_bg_color; color: $selected_fg_color;}
     }
   }
   .summary-source-counter {