From 5cb6255a2e44770eba7417b738ea52df03659f17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danielle=20For=C3=A9?= <danielle@elementary.io>
Date: Mon, 10 Nov 2025 08:23:33 -0800
Subject: [PATCH] BackgroundItem: use symbolic icons

---
 data/Application.css                         | 4 ++++
 src/AppSystem/Background/BackgroundItem.vala | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/data/Application.css b/data/Application.css
index 55f42e1f..f3807ed9 100644
--- a/data/Application.css
+++ b/data/Application.css
@@ -103,6 +103,10 @@ icongroup .add-image {
     -gtk-icon-shadow: 0 1px 0 alpha(@highlight_color, 0.2);
 }
 
+icongroup.background-apps image {
+    -gtk-icon-style: symbolic;
+}
+
 backgrounditem header {
     padding: 0.5em 1em;
 }
diff --git a/src/AppSystem/Background/BackgroundItem.vala b/src/AppSystem/Background/BackgroundItem.vala
index e17a43ad..d6b6efa6 100644
--- a/src/AppSystem/Background/BackgroundItem.vala
+++ b/src/AppSystem/Background/BackgroundItem.vala
@@ -47,6 +47,8 @@ public class Dock.BackgroundItem : BaseIconGroup {
         popover.add_css_class (Granite.STYLE_CLASS_MENU);
         popover.set_parent (this);
 
+        add_css_class ("background-apps");
+
         monitor.background_apps.items_changed.connect ((pos, n_removed, n_added) => {
             if (monitor.background_apps.get_n_items () == 0) {
                 popover.popdown ();