fix: add dark mode support for embedded modal option icons (#23893)

2025-08-13 23:20:33 +08:00
parent 3ac4e122eb
commit 5dcbc9861b
1 changed files with 10 additions and 0 deletions
--- 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);
+}