diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css
index dd42c148b..18ab49590 100644
--- a/apps/client/src/stylesheets/theme-next/shell.css
+++ b/apps/client/src/stylesheets/theme-next/shell.css
@@ -769,7 +769,7 @@ body.mobile .fancytree-node > span {
 
 #left-pane .fancytree-custom-icon {
     margin-top: 0; /* Use this to align the icon with the tree view item's caption */
-    color: var(--left-pane-icon-color);
+    color: var(--custom-color, var(--left-pane-icon-color));
 }
 
 #left-pane span.fancytree-active .fancytree-title {