From 9574b201c5eb732fed405ace34363406cf3eb006 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danielle=20For=C3=A9?= <danielle@elementary.io>
Date: Mon, 6 Oct 2025 17:09:28 -0700
Subject: [PATCH] CSS: rounder notification, flatter close button

---
 data/application.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/data/application.css b/data/application.css
index 37a6d38..8c34231 100644
--- a/data/application.css
+++ b/data/application.css
@@ -10,12 +10,7 @@ window,
     padding: 3px;
     border: none;
     border-radius: 100%;
-    background-image:
-        linear-gradient(
-            to bottom,
-            @BLACK_300,
-            @BLACK_500
-        );
+    background: @BLACK_500;
     box-shadow:
         inset 0 0 0 1px alpha(#fff, 0.02),
         inset 0 1px 0 0 alpha(#fff, 0.07),
@@ -43,8 +38,17 @@ window,
 }
 
 .notification .draw-area {
-    margin: 16px;
     background: alpha(@base_color, 0.8);
+    border-radius: 9px;
+    box-shadow:
+        inset 0 -1px 0 0 alpha(@highlight_color, 0.4),
+        inset 0 1px 0 0 alpha(@highlight_color, 0.6),
+        inset 1px 0 0 0 alpha(@highlight_color, 0.14),
+        inset -1px 0 0 0 alpha(@highlight_color, 0.14),
+        0 0 0 1px @borders,
+        0 1px 3px alpha(black, 0.2),
+        0 3px 9px alpha(black, 0.3);
+    margin: 16px;
 }
 
 .notification.reduce-transparency .draw-area {