diff --git a/gui/ui/app.slint b/gui/ui/app.slint
index 1a72d7d..0c02324 100644
--- a/gui/ui/app.slint
+++ b/gui/ui/app.slint
@@ -7,6 +7,7 @@ import {
     CheckBox,
     ScrollView,
     GridBox,
+    Palette,
 } from "std-widgets.slint";
 import { SettingsView } from "settings.slint";
 import { State, SItem } from "state.slint";
@@ -15,7 +16,7 @@ export { State, SItem }
 
 component GoodListItem inherits Rectangle {
     in-out property <SItem> item;
-    background: #ffffff10;
+    background: Palette.alternate-background;
     border-radius: 8pt;
     border-width: 10pt;
     HorizontalLayout {
@@ -110,7 +111,7 @@ component PlusMinus inherits HorizontalLayout {
 
 component GoodListItemAdd inherits Rectangle {
     in-out property <SItem> item;
-    background: #ffffff10;
+    background: Palette.alternate-background;
     border-radius: 8pt;
     border-width: 10pt;
     HorizontalLayout {