From 2ca572773e2c08cf045f0ac800b5120b8e3f1116 Mon Sep 17 00:00:00 2001
From: nevaforget <dom@moonarch.de>
Date: Sun, 29 Mar 2026 14:23:33 +0200
Subject: [PATCH] fix: elevate CSS priority to override GTK4 user theme
 (v0.7.2)

Colloid-Catppuccin theme loaded via ~/.config/gtk-4.0/gtk.css at
PRIORITY_USER (800) was overriding moonset's PRIORITY_APPLICATION (600),
causing action buttons to lose their circular border-radius.

- Use STYLE_PROVIDER_PRIORITY_USER for app CSS provider
- Replace border-radius: 50% with 9999px (GTK4 CSS percentage quirk)
---
 CHANGELOG.md        | 7 +++++++
 Cargo.lock          | 2 +-
 Cargo.toml          | 2 +-
 resources/style.css | 4 ++--
 src/main.rs         | 2 +-
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c5a90fe..b503f47 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 Format based on [Keep a Changelog](https://keepachangelog.com/).
 
+## [0.7.2] - 2026-03-29
+
+### Fixed
+
+- Fix CSS priority so app styles override GTK4 user theme (Colloid-Catppuccin) — use `STYLE_PROVIDER_PRIORITY_USER` instead of `STYLE_PROVIDER_PRIORITY_APPLICATION`
+- Replace `border-radius: 50%` with `9999px` — GTK4 CSS does not reliably support percentage-based border-radius
+
 ## [0.7.1] - 2026-03-28
 
 ### Fixed
diff --git a/Cargo.lock b/Cargo.lock
index 4d56db5..7b4988a 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -616,7 +616,7 @@ dependencies = [
 
 [[package]]
 name = "moonset"
-version = "0.7.1"
+version = "0.7.2"
 dependencies = [
  "dirs",
  "gdk-pixbuf",
diff --git a/Cargo.toml b/Cargo.toml
index a666247..0198a6d 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "moonset"
-version = "0.7.1"
+version = "0.7.2"
 edition = "2024"
 description = "Wayland session power menu with GTK4 and Layer Shell"
 license = "MIT"
diff --git a/resources/style.css b/resources/style.css
index b6e6265..6b886db 100644
--- a/resources/style.css
+++ b/resources/style.css
@@ -27,7 +27,7 @@ window.wallpaper.visible {
 
 /* Round avatar image */
 .avatar {
-    border-radius: 50%;
+    border-radius: 9999px;
     min-width: 128px;
     min-height: 128px;
     background-color: @theme_selected_bg_color;
@@ -48,7 +48,7 @@ window.wallpaper.visible {
     min-width: 120px;
     min-height: 120px;
     padding: 16px;
-    border-radius: 50%;
+    border-radius: 9999px;
     background-color: alpha(@theme_base_color, 0.55);
     color: @theme_fg_color;
     border: none;
diff --git a/src/main.rs b/src/main.rs
index bf07055..14f6d77 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -21,7 +21,7 @@ fn load_css(display: &gdk::Display) {
     gtk::style_context_add_provider_for_display(
         display,
         &css_provider,
-        gtk::STYLE_PROVIDER_PRIORITY_APPLICATION,
+        gtk::STYLE_PROVIDER_PRIORITY_USER,
     );
 }