skullbite/cartridges
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Set accent color for the whole details page

Browse Source 
Making focus rings monochrome as well
This commit is contained in:
kramo
2025-12-01 11:11:49 +01:00
parent 2dba556086
commit b929e332d0
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
cartridges/ui/style.css
View File

@@ -19,9 +19,12 @@
0 1px rgb(from currentcolor r g b / 30%) inset; 0 1px rgb(from currentcolor r g b / 30%) inset;
} }
#details-play-button { #details {
--accent-fg-color: var(--view-bg-color); --accent-fg-color: var(--view-bg-color);
--accent-bg-color: var(--view-fg-color); --accent-bg-color: var(--view-fg-color);
--accent-color: oklab(
from var(--accent-bg-color) var(--standalone-color-oklab)
);
} }
#background { #background {

4
cartridges/ui/window.blp
View File

@@ -191,8 +191,9 @@ template $Window: Adw.ApplicationWindow {
} }
Adw.NavigationPage { Adw.NavigationPage {
title: bind template.active-game as <$Game>.name; name: "details";
tag: "details"; tag: "details";
title: bind template.active-game as <$Game>.name;
child: Overlay { child: Overlay {
child: Picture { child: Picture {
@@ -280,7 +281,6 @@ template $Window: Adw.ApplicationWindow {
margin-top: 15; margin-top: 15;
Button { Button {
name: "details-play-button";
action-name: "game.play"; action-name: "game.play";
label: _("Play"); label: _("Play");
valign: center; valign: center;