style: Set accent color for the whole details page

Making focus rings monochrome as well

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 {

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;