Add more highlighter color choices (#7012)

* Add more highlighter color choices, closes #7011

* docs

shared/editor/queries/isMarkActive.ts

@@ -1,16 +1,38 @@
 import { MarkType } from "prosemirror-model";
 import { EditorState } from "prosemirror-state";
+import { Primitive } from "utility-types";
+import { getMarksBetween } from "./getMarksBetween";
 
+/**
+ * Checks if a mark is active in the current selection or not.
+ *
+ * @param type The mark type to check.
+ * @param attrs The attributes to check.
+ * @returns A function that checks if a mark is active in the current selection or not.
+ */
 export const isMarkActive =
-  (type: MarkType) =>
+  (type: MarkType, attrs?: Record<string, Primitive>) =>
   (state: EditorState): boolean => {
     if (!type) {
       return false;
     }
 
     const { from, $from, to, empty } = state.selection;
-
-    return !!(empty
+    const hasMark = !!(empty
       ? type.isInSet(state.storedMarks || $from.marks())
       : state.doc.rangeHasMark(from, to, type));
+
+    if (!hasMark) {
+      return false;
+    }
+    if (attrs) {
+      const results = getMarksBetween(from, to, state);
+      return results.some(
+        ({ mark }) =>
+          mark.type === type &&
+          Object.keys(attrs).every((key) => mark.attrs[key] === attrs[key])
+      );
+    }
+
+    return true;
   };