fix: Tweak mention style in comments to be more visible

app/scenes/Document/components/CommentThreadItem.tsx

@@ -1,6 +1,7 @@
 import { differenceInMilliseconds, formatDistanceToNow } from "date-fns";
 import { toJS } from "mobx";
 import { observer } from "mobx-react";
+import { darken } from "polished";
 import * as React from "react";
 import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
@@ -197,6 +198,10 @@ const StyledCommentEditor = styled(CommentEditor)`
       margin: 2px;
       margin-bottom: 8px;
     `}
+
+  .mention {
+    background: ${(props) => darken(0.05, props.theme.mentionBackground)};
+  }
 `;
 
 const AvatarSpacer = styled(Flex)`

server/models/decorators/Deprecated.ts

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/ban-types */
-import Logger from "@server/logging/Logger";
 
 const Deprecated = (message?: string) => (
   target: Object,
   propertyKey: string
 ) => {
   if (process.env[propertyKey]) {
-    Logger.warn(
+    // eslint-disable-next-line no-console
+    console.warn(
       `The environment variable ${propertyKey} is deprecated and will be removed in a future release. ${message}`
     );
   }

shared/editor/components/Styles.ts

@@ -117,13 +117,13 @@ width: 100%;
 
 .mention {
   background: ${props.theme.mentionBackground};
-  border-radius: 12px;
+  border-radius: 8px;
   padding-bottom: 2px;
   padding-top: 1px;
   padding-left: 4px;
   padding-right: 4px;
   font-weight: 500;
-  font-size: 14px;
+  font-size: 0.9em;
 }
 
 > div {