From 324af23b72485a2aa8f0f4677bfcae1b122d91b0 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Thu, 22 Aug 2024 01:24:18 +0200
Subject: [PATCH] UX: add dark-light mixin for better visibility in dark themes
 (#764)

---
 assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss b/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss
index f49bd434..b9f52c4e 100644
--- a/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss
+++ b/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss
@@ -41,7 +41,11 @@
     background: var(--secondary);
     border: 1px solid var(--primary-low);
     border-radius: 100%;
-    box-shadow: var(--shadow-card);
+    box-shadow: 0 0 10px 2px
+      dark-light-choose(
+        rgba(var(--primary-rgb), 0.1),
+        rgba(var(--secondary-rgb), 0.1)
+      );
     width: var(--composer-helper-menu-trigger-size);
     height: var(--composer-helper-menu-trigger-size);
     animation-duration: 0.15s;
@@ -60,6 +64,7 @@
     }
     .d-icon {
       margin: 0;
+      color: var(--tertiary-high);
     }
   }
 }