From 5dcbc9861bc16bd1b9923c64ab00e59c00177f55 Mon Sep 17 00:00:00 2001
From: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Date: Wed, 13 Aug 2025 23:20:33 +0800
Subject: [PATCH] fix: add dark mode support for embedded modal option icons
 (#23893)

---
 .../components/app/overview/embedded/style.module.css  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/app/components/app/overview/embedded/style.module.css b/web/app/components/app/overview/embedded/style.module.css
index f2a4d2d0f..84ce8f5d3 100644
--- a/web/app/components/app/overview/embedded/style.module.css
+++ b/web/app/components/app/overview/embedded/style.module.css
@@ -18,3 +18,13 @@
 .pluginInstallIcon {
   background-image: url(../assets/chromeplugin-install.svg);
 }
+
+:global(html[data-theme="dark"]) .iframeIcon,
+:global(html[data-theme="dark"]) .scriptsIcon,
+:global(html[data-theme="dark"]) .chromePluginIcon {
+  filter: invert(0.86) hue-rotate(180deg) saturate(0.5) brightness(0.95);
+}
+
+:global(html[data-theme="dark"]) .pluginInstallIcon {
+  filter: invert(0.9);
+}