Merge pull request #2823 from NDLANO/comments-update-color

Update inline + block comment color
NDLANO · Jan 10, 2025 · e1357df · e1357df
2 parents 3057e87 + c48321f
commit e1357df
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/src/components/SlateEditor/plugins/comment/block/SlateCommentBlock.tsx b/src/components/SlateEditor/plugins/comment/block/SlateCommentBlock.tsx
@@ -33,17 +33,14 @@ import { CommentBlockElement } from "../interfaces";
 const BlockCommentButton = styled("button", {
   base: {
     all: "unset",
-    background: "surface.brand.4.subtle",
+    background: "surface.brand.4",
     cursor: "pointer",
     fontStyle: "italic",
     display: "flex",
     gap: "3xsmall",
     alignItems: "center",
     padding: "3xsmall",
     width: "100%",
-    _hover: {
-      background: "surface.brand.4",
-    },
   },
 });
 

diff --git a/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx b/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx
@@ -20,11 +20,8 @@ import { CommentInlineElement } from "../interfaces";
 const InlineComment = styled("span", {
   base: {
     display: "inline",
-    background: "surface.brand.4.subtle",
+    background: "surface.brand.4",
     cursor: "pointer",
-    _hover: {
-      background: "surface.brand.4",
-    },
   },
 });