From 56e64ed4a365ffaf6378be80eaa7068027137a96 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Danielle=20For=C3=A9?= Date: Tue, 8 Sep 2026 09:52:40 -0700 Subject: [PATCH 1/3] CSS: modernize for Gtk 4.20+ --- data/application.css | 26 +++++++++++++------------- meson.build | 2 +- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/data/application.css b/data/application.css index 8c34231..389b40f 100644 --- a/data/application.css +++ b/data/application.css @@ -12,19 +12,19 @@ window, border-radius: 100%; background: @BLACK_500; box-shadow: - inset 0 0 0 1px alpha(#fff, 0.02), - inset 0 1px 0 0 alpha(#fff, 0.07), - inset 0 -1px 0 0 alpha(#fff, 0.01), - 0 0 0 1px alpha(#000, 0.7), - 0 1px 2px alpha(#000, 0.16), - 0 2px 3px alpha(#000, 0.23); + inset 0 0 0 1px color-mix(in srgb, white 20%, transparent), + inset 0 1px 0 0 color-mix(in srgb, white 7%, transparent), + inset 0 -1px 0 0 color-mix(in srgb, white 1%, transparent), + 0 0 0 1px color-mix(in srgb, black 7%, transparent), + 0 1px 2px color-mix(in srgb, black 16%, transparent), + 0 2px 3px color-mix(in srgb, black 23%, transparent); margin: 3px; -gtk-icon-size: 24px; } .close image { color: #fff; - -gtk-icon-shadow: 0 1px 1px alpha(#000, 0.6); + -gtk-icon-shadow: 0 1px 1px color-mix(in srgb, black 6%, transparent); } .notification stack > box, @@ -41,13 +41,13 @@ window, 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), + inset 0 -1px 0 0 color-mix(in srgb, @highlight_color 40%, transparent), + inset 0 1px 0 0 color-mix(in srgb, @highlight_color 60%, transparent), + inset 1px 0 0 0 color-mix(in srgb, @highlight_color 14%, transparent), + inset -1px 0 0 0 color-mix(in srgb, @highlight_color 14%, transparent), 0 0 0 1px @borders, - 0 1px 3px alpha(black, 0.2), - 0 3px 9px alpha(black, 0.3); + 0 1px 3px color-mix(in srgb, black 20%, transparent), + 0 3px 9px color-mix(in srgb, black 30%, transparent); margin: 16px; } diff --git a/meson.build b/meson.build index d869ee2..295da44 100644 --- a/meson.build +++ b/meson.build @@ -35,7 +35,7 @@ executable( dependency ('gobject-2.0'), dependency ('gio-2.0'), dependency ('granite-7', version: '>=7.7.0'), - dependency ('gtk4'), + dependency ('gtk4', version: '>=4.20'), dependency('gtk4-wayland'), dependency('gtk4-x11'), dependency ('gtk4-x11'), From a5d54b2d5363b0ba2066104d8d56909d0264369e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Danielle=20For=C3=A9?= Date: Tue, 8 Sep 2026 09:53:33 -0700 Subject: [PATCH 2/3] fix wrong percent --- data/application.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/data/application.css b/data/application.css index 389b40f..82fe724 100644 --- a/data/application.css +++ b/data/application.css @@ -12,7 +12,7 @@ window, border-radius: 100%; background: @BLACK_500; box-shadow: - inset 0 0 0 1px color-mix(in srgb, white 20%, transparent), + inset 0 0 0 1px color-mix(in srgb, white 2%, transparent), inset 0 1px 0 0 color-mix(in srgb, white 7%, transparent), inset 0 -1px 0 0 color-mix(in srgb, white 1%, transparent), 0 0 0 1px color-mix(in srgb, black 7%, transparent), From 719a1302ca3704ebb159c84433e3ee9f97263602 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Danielle=20For=C3=A9?= Date: Wed, 9 Sep 2026 19:35:09 -0700 Subject: [PATCH 3/3] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8d714a1..851c322 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ a Gtk notification server for Pantheon You'll need the following dependencies: * libcanberra * libgranite-7-dev (>=7.7.0) -* libgtk-4-dev +* libgtk-4-dev (>=4.20) * libadwaita-1-dev (>=1.0.0) * meson * valac