From 954c650d4b984624585d45d7f41a538ae473862a Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 17 Apr 2026 01:44:00 +0200
Subject: [PATCH] empty_icon fixed for dark mode. see #680 #184

---
 pages/menu_order/mzta-menu-order.css |  8 ++++++++
 pages/menu_order/mzta-menu-order.js  | 11 +++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/pages/menu_order/mzta-menu-order.css b/pages/menu_order/mzta-menu-order.css
index 81b5055f..2fb990f5 100644
--- a/pages/menu_order/mzta-menu-order.css
+++ b/pages/menu_order/mzta-menu-order.css
@@ -383,4 +383,12 @@
     a:visited { color: #409eff; }
     a:hover { color: #66b1ff; }
     a:active { color: #66b1ff; }
+
+    .item_icon_preview_empty {
+        filter: invert(1);
+    }
+
+    .icon_picker_cell_none img {
+        filter: invert(1);
+    }
 }
diff --git a/pages/menu_order/mzta-menu-order.js b/pages/menu_order/mzta-menu-order.js
index f2551e54..9e02d7dc 100644
--- a/pages/menu_order/mzta-menu-order.js
+++ b/pages/menu_order/mzta-menu-order.js
@@ -23,8 +23,15 @@ import {
     setSpecialPrompts,
     getHiddenSpecialPromptIds
 } from '../../js/mzta-prompts.js';
-import { i18nConditionalGet, specialPromptToContextMenuID, contextMenuIconsPath } from '../../js/mzta-utils.js';
-import { customMenuIcons, customMenuIconsPath } from './mzta-custom-menu-icons.js';
+import {
+    i18nConditionalGet,
+    specialPromptToContextMenuID,
+    contextMenuIconsPath
+} from '../../js/mzta-utils.js';
+import {
+    customMenuIcons,
+    customMenuIconsPath
+} from './mzta-custom-menu-icons.js';
 
 // Convert "moz-extension:images/foo.png" to a relative path usable from this page
 function resolveSpecialIconPath(promptId) {