fix: Fixed context menu SVGs not having the correct color, b=no-bug, c=folders, workspaces

src/browser/base/content/zen-panels/folders-search.inc

@@ -3,12 +3,13 @@
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 <panel id="zen-folder-tabs-popup" type="arrow" orient="vertical">
-  <hbox class="tabs-list-header">
+  <hbox class="tabs-list-header" flex="1">
     <image class="zen-folder-tabs-list-search-icon" src="chrome://global/skin/icons/search-glass.svg"/>
     <html:input id="zen-folder-tabs-list-search" 
       data-l10n-id="zen-folders-search-placeholder" 
       data-l10n-args="{&quot;folder-name&quot;:&quot;&quot;}"
-      type="search" />
+      type="search" 
+      flex="1" />
   </hbox>
   <scrollbox class="zen-folder-tabs-list-scrollbox" flex="1">
     <vbox id="zen-folder-tabs-list"></vbox>

src/browser/themes/shared/zen-icons/icons.css

@@ -802,3 +802,9 @@
     background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
   }
 }
+
+.zen-workspace-context-icon image {
+  -moz-context-properties: fill;
+  fill: currentColor;
+  scale: 1.6;
+}

src/zen/folders/ZenFolders.mjs

@@ -105,6 +105,7 @@
           item.setAttribute('label', name);
           if (iconIsSvg) {
             item.setAttribute('image', workspace.icon);
+            item.classList.add('zen-workspace-context-icon');
           }
           item.addEventListener('command', (event) => {
             if (!this.#lastFolderContextMenu) return;

src/zen/workspaces/ZenWorkspaces.mjs

@@ -1237,6 +1237,7 @@ var gZenWorkspaces = new (class extends nsZenMultiWindowFeature {
         item.setAttribute('label', name);
         if (iconIsSvg) {
           item.setAttribute('image', workspace.icon);
+          item.classList.add('zen-workspace-context-icon');
         }
         item.addEventListener('command', (e) => {
           this.changeWorkspaceWithID(e.target.closest('menuitem').getAttribute('zen-workspace-id'));