From 85f71f45404db794a42a01fb48fd7fa3333136ba Mon Sep 17 00:00:00 2001
From: Vince <vinceliuice@hotmail.com>
Date: Mon, 16 Aug 2021 21:18:20 +0800
Subject: [PATCH] Fixed #396

---
 src/sass/gtk/_common-3.0.scss      |  3 ++-
 src/sass/gtk/apps/_elementary.scss | 25 +++++++++++++++++--------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss
index 1f8df3b..577c652 100644
--- a/src/sass/gtk/_common-3.0.scss
+++ b/src/sass/gtk/_common-3.0.scss
@@ -779,7 +779,8 @@ button {
     &.popup { padding-right: $container_padding; padding-left: $container_padding; }
   }
 
-  &.close, &.circular { // The Bloody Circul Button
+  &.close, &.circular,
+  &.image-button.close:not(.circular) { // The Bloody Circul Button
     @extend %circular_button;
 
     &:active, &:checked {
diff --git a/src/sass/gtk/apps/_elementary.scss b/src/sass/gtk/apps/_elementary.scss
index 151f8f8..5c1131c 100644
--- a/src/sass/gtk/apps/_elementary.scss
+++ b/src/sass/gtk/apps/_elementary.scss
@@ -389,7 +389,7 @@ window.background.csd {
         padding: 0 10px;
         min-height: 0;
 
-        label {
+        label, image {
           @if $monterey == 'false' {
             margin-bottom: -$container_padding / 2;
           } @else {
@@ -513,16 +513,25 @@ headerbar.titlebar {
 }
 
 // Gala
-.gala-notification {
-    border: 1px solid $dark_borders_color;
-    border-radius: $wm_radius;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    background-image: _solid($osd_bg_color);
-    background-color: transparent;
+.gala-notification,
+window.notification .draw-area {
+  border: 1px solid rgba(black, 0.75);
+  border-radius: $wm_radius;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2),
+              0 3px 8px 2px rgba(0, 0, 0, 0.1),
+              0 5px 5px -3px rgba(0, 0, 0, 0.4),
+              0 8px 5px 1px rgba(0, 0, 0, 0.1),
+              inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+  background-image: _solid($osd_bg_color);
+  background-color: transparent;
 
-  .title, .label {
+  &, .title, .label, image {
     color: $osd_fg_color;
   }
+
+  .urgent label.title {
+    color: $error_color;
+  }
 }
 
 // system setting