included onclick color adjustment to light theme as well

gnome-shell/src/gnome-shell-sass/widgets/_notifications.scss

@@ -24,9 +24,10 @@ $notification_banner_border_radius: 12px;  // similar to the implemented to yaru
 
   &:active {
     // Yaru change: ↑↑↑
-    // Yaru notice: the original 4% was actually too dark and only appears to be too light (see issue #4082). fixed  !important flag.
-    // Yaru change: moved dark-shell on-click from 4% to 8%.
-    background-color: if($variant =='light', darken($bg_color, 4%), lighten($bg_color, 8%)) !important;
+    // Yaru notice: the original 4% for darken and lighten value was actually not working and is overwritten by upstream colors.
+    // increased value from 4% to 8%
+    // Fixed on click color problem by adding (!important) flag.
+    background-color: if($variant =='light', darken($bg_color, 8%), lighten($bg_color, 8%)) !important;
   }
 
   // Yaru: make notifications more visible on different headerbars: