From 8bd23ac44b4054ed8efa5cee025248859b90f9fe Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Wed, 17 Dec 2025 17:53:22 +0530
Subject: [PATCH] [WEB-5730] fix: user mention colors #8358

---
 apps/web/core/components/editor/embeds/mentions/user.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/core/components/editor/embeds/mentions/user.tsx b/apps/web/core/components/editor/embeds/mentions/user.tsx
index cb92aa538..7d47857f0 100644
--- a/apps/web/core/components/editor/embeds/mentions/user.tsx
+++ b/apps/web/core/components/editor/embeds/mentions/user.tsx
@@ -41,9 +41,12 @@ export const EditorUserMention = observer(function EditorUserMention(props: Prop
 
   return (
     <div
-      className={cn("not-prose inline px-1 py-0.5 rounded-sm bg-accent-primary/20 text-accent-primary no-underline", {
-        "bg-yellow-500/20 text-yellow-500": id === currentUser?.id,
-      })}
+      className={cn(
+        "not-prose inline px-1 py-0.5 rounded-sm bg-accent-subtle-active text-accent-primary no-underline",
+        {
+          "bg-label-yellow-bg text-label-yellow-text": id === currentUser?.id,
+        }
+      )}
     >
       <Popover delay={100} openOnHover>
         <Popover.Button>