diff --git a/packages/theme/styles/_colors.scss b/packages/theme/styles/_colors.scss
index c6223d2e9f..7fb6b11954 100644
--- a/packages/theme/styles/_colors.scss
+++ b/packages/theme/styles/_colors.scss
@@ -161,9 +161,9 @@
   --theme-bg-divider-color: #282834;
   --theme-mention-bg-color: rgba(55, 122, 230, 0.1);
   --theme-mention-focused-bg-color: rgba(55, 122, 230, 0.2);
-  --theme-broken-mention-bg-color: rgba(202, 66, 66, .2);
-  --theme-broken-mention-color: rgb(202, 66, 66);
-  --theme-broken-mention-focused-bg-color: rgba(202, 66, 66, .3);
+  --theme-broken-mention-color: rgba(255, 255, 255, .4);
+  --theme-broken-mention-bg-color: rgba(255, 255, 255, .12);
+  --theme-broken-mention-focused-bg-color: rgba(255, 255, 255, .2);
 
   --theme-trans-color: rgba(255, 255, 255, .3);
   --theme-darker-color: rgba(255, 255, 255, .4);
@@ -453,9 +453,9 @@
   --theme-bg-divider-color: #E3E3E5;
   --theme-mention-bg-color: rgba(55, 122, 230, 0.1);
   --theme-mention-focused-bg-color: rgba(55, 122, 230, 0.2);
-  --theme-broken-mention-bg-color: rgba(202, 66, 66, .2);
-  --theme-broken-mention-color: rgb(202, 66, 66);
-  --theme-broken-mention-focused-bg-color: rgba(202, 66, 66, .3);
+  --theme-broken-mention-bg-color: rgba(0, 0, 0, .12);
+  --theme-broken-mention-color: rgba(0, 0, 0, .4);
+  --theme-broken-mention-focused-bg-color: rgba(0, 0, 0, .2);
 
   --theme-link-preview-bg-color: #E5E8F0;
   --theme-link-preview-description-color: #5A667E;