From b929e332d02bb1328448d119e28e05a4274eb5fe Mon Sep 17 00:00:00 2001
From: kramo <git@kramo.page>
Date: Mon, 1 Dec 2025 11:11:49 +0100
Subject: [PATCH] style: Set accent color for the whole details page

Making focus rings monochrome as well
---
 cartridges/ui/style.css  | 5 ++++-
 cartridges/ui/window.blp | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/cartridges/ui/style.css b/cartridges/ui/style.css
index af70d61..8e14269 100644
--- a/cartridges/ui/style.css
+++ b/cartridges/ui/style.css
@@ -19,9 +19,12 @@
     0 1px rgb(from currentcolor r g b / 30%) inset;
 }
 
-#details-play-button {
+#details {
   --accent-fg-color: var(--view-bg-color);
   --accent-bg-color: var(--view-fg-color);
+  --accent-color: oklab(
+    from var(--accent-bg-color) var(--standalone-color-oklab)
+  );
 }
 
 #background {
diff --git a/cartridges/ui/window.blp b/cartridges/ui/window.blp
index d90fcc1..bd35865 100644
--- a/cartridges/ui/window.blp
+++ b/cartridges/ui/window.blp
@@ -191,8 +191,9 @@ template $Window: Adw.ApplicationWindow {
     }
 
     Adw.NavigationPage {
-      title: bind template.active-game as <$Game>.name;
+      name: "details";
       tag: "details";
+      title: bind template.active-game as <$Game>.name;
 
       child: Overlay {
         child: Picture {
@@ -280,7 +281,6 @@ template $Window: Adw.ApplicationWindow {
                   margin-top: 15;
 
                   Button {
-                    name: "details-play-button";
                     action-name: "game.play";
                     label: _("Play");
                     valign: center;